/* Slider taşması görünür olsun */
.teaser-xl-swiper {
  overflow: visible;
}

/* Pagination kapsayıcısı: sola hizalı, aralıklı */
.teaserxl-pagination {
  display: flex;
  gap: 24px;
  /* çubuklar arası mesafe */
  align-items: center;
}

/* İnce çubuk görünümü */
.teaserxl-pagination .swiper-pagination-bullet {
  width: 120px;
  /* istediğin kadar ince/uzun yapabilirsin */
  height: 6px;
  border-radius: 9999px;
  /* tam yuvarlak uç */
  background: rgba(0, 0, 0, .18);
  opacity: 1;
  /* Swiper default opaklığını kapatıyoruz */
  transition: background .25s ease, transform .25s ease, width .25s ease;
}

/* Aktif olan çubuk koyu ve biraz daha uzun olabilir */
.teaserxl-pagination .swiper-pagination-bullet-active {
  background: rgba(0, 0, 0, .6);
  width: 140px;
}

#press-logos .swiper {
  overflow: visible;
}

#press-logos .swiper-wrapper {
  align-items: center;
}

#press-logos .swiper-slide {
  width: auto;
}

/* slide, sadece içeriği kadar genişlesin */

#zolar-hero-interviews .swiper {
  overflow: visible;
}

#zolar-hero-interviews .swiper-slide {
  height: auto;
}


/* SABİT ALT ÇUBUK STİLLERİ */
.wizard-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3fafc;
  /* bg-primary-50 benzeri */
  border-top: 1px solid #e5e7eb;
  z-index: 9999;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, .08);
}

.wizard-dock.hidden {
  display: none
}

.wizard-dock__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
}

.wizard-dock__text {
  font-size: .95rem;
  color: #0f172a
}

.wizard-dock__progress {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  max-width: 520px
}

.wizard-dock__track {
  height: 6px;
  background: #e5e7eb;
  width: 100%;
  border-radius: 999px;
  overflow: hidden
}

.wizard-dock__bar {
  height: 6px;
  background: #ed7a47
}

/* bg-primary-500 */
.wizard-dock__label {
  font-size: .78rem;
  color: #64748b;
  min-width: 90px;
  text-align: right
}

.wizard-dock__btn {
  background: #ed7a47;
  color: white;
  padding: 10px 16px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

.wizard-dock__btn:active {
  transform: translateY(1px)
}

@media (max-width:640px) {
  .wizard-dock__inner {
    flex-wrap: wrap;
    gap: 8px
  }

  .wizard-dock__progress {
    order: 3;
    width: 100%
  }
}

body.cc-lock {
  overflow: hidden;
}

/* Karartma */
#cc-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  z-index: 2147483646;
  display: none;
}

/* Ortadaki kutu (modal) */
#cc-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2147483647;
}

#cc-card {
  width: min(720px, 92vw);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .35);
  padding: 24px 22px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

#cc-card h2 {
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.2
}

#cc-desc {
  margin: 0 0 16px;
  line-height: 1.55;
  color: #334155
}

.cc-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px
}

.cc-btn {
  border: 0;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
}

.cc-primary {
  background: #ed7a47;
  color: #fff
}

.cc-secondary {
  background: #e5e7eb;
  color: #0f172a
}

.cc-ghost {
  background: #f8fafc;
  color: #0f172a
}

/* Ayarlar açılır paneli */
#cc-settings-panel {
  display: none;
  margin-top: 12px;
  border-top: 1px solid #e5e7eb;
  padding-top: 12px
}

.cc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.cc-links {
  margin-top: 10px;
  font-size: 14px;
  color: #475569
}

.cc-links a {
  color: inherit;
  text-decoration: underline
}

html {
  scroll-behavior: smooth;
}

.aspect-w-16 {
  position: relative;
  width: 100%;
}
.aspect-w-16::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 oranı */
}
.aspect-h-9 > iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

/* Ana menü linkleri – ince alt çizgi */
.main-link{
  display:inline-block;
  padding:10px 12px;            /* rahat tıklanabilirlik */
  border-bottom:2px solid transparent;
  text-decoration:none;
  color:#111827;
}

/* Hover opsiyonel (istenirse) */
@media (hover:hover){
  .main-link:hover{
    border-bottom-color:#e5e7eb;
  }
}

/* Aktif sayfa */
.main-link.active{
  border-bottom-color:#eb8755;  /* istenen renk */
}