/* Ortak slider motoru: model ölçüleri slider-model-*.css dosyalarındadır. */
.bd-slider {
  --bd-slider-height: 520px;
  --bd-slider-width: 1200px;
  position: relative;
  width: 100%;
  margin-inline: auto;
  overflow: hidden;
  background: #0f172a;
  color: #fff;
  box-sizing: border-box;
}
.bd-slider *, .bd-slider *::before, .bd-slider *::after { box-sizing: border-box; }
.bd-slider__viewport { position: relative; width: 100%; height: 100%; overflow: hidden; }
.bd-slider__track { display: flex; width: 100%; height: 100%; transition: transform .55s ease; }
.bd-slider__slide { position: relative; flex: 0 0 100%; width: 100%; height: 100%; min-width: 0; max-width: 100%; overflow: hidden; }
.bd-slider__slide picture, .bd-slider__slide img { display: block; width: 100%; height: 100%; min-width: 0; max-width: 100%; }
.bd-slider__slide img { object-fit: contain; object-position: center; }
.bd-slider__media, .bd-slider__media-error { position: absolute; inset: 0; overflow: hidden; z-index: 1; }
.bd-slider__media video, .bd-slider__media iframe { display: block; width: 100%; height: 100%; max-width: 100%; border: 0; }
.bd-slider__media video { object-fit: contain; object-position: center; }
.bd-slider__media-error { display: grid; place-items: center; padding: 24px; color: #fff; background: #0f172a; text-align: center; }

/* Otomatik yükseklikte tekli banner ile aynı doğal oran koruması. */
@media (min-width: 768px) {
  .bd-slider--natural-desktop:not(.bd-slider--full_screen) { height: auto; }
  .bd-slider--natural-desktop:not(.bd-slider--full_screen) .bd-slider__viewport { height: auto; aspect-ratio: var(--bd-slider-natural-ratio, 12 / 5); }
  .bd-slider--natural-desktop .bd-slider__slide img { object-fit: contain; object-position: center; }
}
@media (max-width: 767px) {
  .bd-slider--natural-mobile:not(.bd-slider--full_screen) { height: auto; min-height: 0; }
  .bd-slider--natural-mobile:not(.bd-slider--full_screen) .bd-slider__viewport { height: auto; min-height: 0; aspect-ratio: var(--bd-slider-natural-ratio, 12 / 5); }
  .bd-slider--natural-mobile .bd-slider__slide img { object-fit: contain; object-position: center; }
}

.bd-slider__ticker { overflow: hidden; background: var(--bd-ticker-bg, #111827); color: var(--bd-ticker-color, #fff); white-space: nowrap; height: 36px; line-height: 36px; }
.bd-slider__ticker--top { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 20; transform: translateY(-100%); transition: transform .24s ease; will-change: transform; }
.bd-slider__ticker--top.is-open { transform: translateY(0); }
.bd-slider__ticker--bottom { position: relative; z-index: 5; flex: 0 0 36px; order: 2; }
.bd-slider__ticker-track { display: flex; width: max-content; animation: bdTicker var(--bd-ticker-duration) linear infinite; }
.bd-slider__ticker-track.is-right { animation-direction: reverse; }
.bd-slider__ticker-track > div { display: flex; flex: 0 0 100vw; min-width: 100vw; justify-content: space-around; gap: 24px; padding-right: 24px; }
.bd-slider__ticker span, .bd-slider__ticker a { color: inherit; text-decoration: none; }
.bd-slider__ticker i { font-style: normal; color: inherit; min-width: 18px; text-align: center; }
@keyframes bdTicker { to { transform: translateX(-50%); } }

.bd-slider__content { position: absolute; z-index: 2; left: clamp(18px, 6vw, 88px); bottom: clamp(28px, 8vh, 100px); max-width: min(620px, 80%); text-shadow: 0 2px 18px #000; }
.bd-slider__content h2 { margin: 0 0 .35rem; font-size: clamp(1.7rem, 4vw, 3.8rem); }
.bd-slider__content p { font-size: clamp(1rem, 1.7vw, 1.35rem); }
.bd-slider__button { display: inline-block; padding: .75rem 1.1rem; background: #fff; color: #0f172a; text-decoration: none; border-radius: 8px; font-weight: 700; }
.bd-slider__hit { position: absolute; inset: 0; z-index: 1; }
.bd-slider__arrow { position: absolute; z-index: 3; top: 50%; translate: 0 -50%; border: 0; width: 46px; height: 46px; border-radius: 50%; background: #0009; color: #fff; font-size: 36px; cursor: pointer; }
.bd-slider__arrow.is-prev { left: 16px; }
.bd-slider__arrow.is-next { right: 16px; }
.bd-slider__nav { position: absolute; z-index: 3; display: flex; gap: 8px; left: 50%; bottom: 18px; translate: -50% 0; }
.bd-slider__nav button { border: 0; background: #ffffff66; padding: 0; width: 32px; height: 4px; cursor: pointer; }
.bd-slider__nav button.is-active { background: #fff; }
.bd-slider__nav--dots button { width: 9px; height: 9px; border-radius: 50%; }
.bd-slider__nav--thumbs { bottom: 14px; width: min(560px, 70%); justify-content: center; }
.bd-slider__nav--thumbs button { width: 72px; height: 42px; padding: 0; border: 2px solid #ffffff88; border-radius: 5px; overflow: hidden; background: #0008; }
.bd-slider__nav--thumbs button.is-active { border-color: #fff; }
.bd-slider__nav--thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bd-slider__nav--numbers { bottom: 20px; gap: 14px; }
.bd-slider__nav--numbers button { width: auto; height: auto; padding: 3px 0; background: transparent; color: #ffffff99; font-size: 15px; font-weight: 700; }
.bd-slider__nav--numbers button.is-active { color: #fff; border-bottom: 2px solid #fff; }
.bd-slider__nav--count { align-items: center; color: #fff; gap: 12px; font-weight: 700; }
.bd-slider__nav--count i { display: block; width: 70px; height: 2px; background: #fff; opacity: .8; }

@media (max-width: 767px) {
  .bd-slider__content { max-width: 84%; bottom: 54px; }
  .bd-slider__arrow { width: 38px; height: 38px; font-size: 28px; }
  .bd-slider__ticker, .bd-slider__ticker--bottom { height: 32px; line-height: 32px; }
  .bd-slider__ticker--bottom { flex-basis: 32px; }
  .bd-slider__nav--thumbs { width: 82%; gap: 5px; }
  .bd-slider__nav--thumbs button { width: 48px; height: 32px; }
  .bd-slider__nav--count i { width: 42px; }
}