.ogty-success-slider{
  --active-width:min(950px,72vw);
  --slide-gap:0px;
  --ogty-accent:#00AEEF;

  width:100%;
  overflow:hidden;
  padding:0;
  background:transparent;
  color:inherit;
}

.ogty-slider-stage{
  position:relative;
  width:100vw;
  left:50%;
  margin-left:-50vw;
  overflow:hidden;
}

.ogty-slider-track{
  display:flex;
  align-items:center;
  gap:0;
  will-change:transform;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}

.ogty-slide{
  position:relative;
  flex:0 0 var(--active-width);
  
  overflow:hidden;
  background:#111827;
  opacity:.28;
  transform:scale(1) translateX(0);
  filter:brightness(.8);
  transition:
    opacity .4s ease,
    transform .55s cubic-bezier(.22,.61,.36,1),
    filter .4s ease;
}

.ogty-slide.active{
  opacity:1;
  transform:scale(1) translateX(0);
  filter:none;
  z-index:3;
}

.ogty-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.ogty-play{
  position:absolute;
  top:50%;
  left:50%;
  width:72px;
  height:72px;
  transform:translate(-50%,-50%);
  border:2px solid #fff;
  border-radius:50%;
  background:var(--ogty-accent);
  cursor:pointer;
  z-index:5;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  transition:transform .2s ease;
}

.ogty-play:hover{
  transform:translate(-50%,-50%) scale(1.08);
}

.ogty-play span{
  position:absolute;
  left:30px;
  top:23px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #fff;
}

.ogty-slide-info{
  position:absolute;
  left:28px;
  bottom:28px;
  max-width:82%;
  color:#111827;
  z-index:4;
}

.ogty-counter{
  display:inline-block;
  padding:3px 6px;
  margin-bottom:4px;
  background:#fff;
  font-size:15px;
  line-height:1.2;
}

.ogty-counter strong{
  color:var(--ogty-accent);
}

.ogty-title{
  width:max-content;
  max-width:100%;
  padding:4px 7px;
  background:#fff;
  color:#111827;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.ogty-navigation{
  position:absolute;
  z-index:10;
  right:max(20px,calc((100vw - var(--active-width))/2));
  bottom:0;
  display:flex;
}

.ogty-navigation button{
  width:48px;
  height:48px;
  border:0;
  border-left:1px solid #ddd;
  background:#fff;
  color:#6b7280;
  font-size:32px;
  line-height:1;
  cursor:pointer;
}

.ogty-navigation button:hover{
  color:var(--ogty-accent);
  background:#f8fafc;
}

.ogty-video-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:30px;
}

.ogty-video-modal.is-open{
  display:flex;
}

.ogty-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.9);
}

.ogty-modal-dialog{
  position:relative;
  z-index:2;
  width:min(1200px,94vw);
}

.ogty-video-frame{
  width:100%;
  
  background:#000;
}

.ogty-video-frame iframe{
  width:100%;
  height:100%;
  border:0;
}

.ogty-modal-close{
  position:absolute;
  right:-8px;
  top:-52px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:44px;
  line-height:1;
  cursor:pointer;
}

body.ogty-modal-open{
  overflow:hidden;
}

@media(max-width:1100px){
  .ogty-success-slider{
    --active-width:76vw;
  }
}

@media(max-width:767px){
  .ogty-success-slider{
    --active-width:88vw;
    --slide-gap:0px;
  }

  .ogty-play{
    width:58px;
    height:58px;
  }

  .ogty-play span{
    left:24px;
    top:18px;
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:15px;
  }

  .ogty-slide-info{
    left:16px;
    bottom:16px;
    max-width:88%;
  }

  .ogty-title{
    font-size:13px;
  }

  .ogty-counter{
    font-size:12px;
  }

  .ogty-navigation{
    right:6vw;
  }

  .ogty-navigation button{
    width:42px;
    height:42px;
    font-size:26px;
  }

  .ogty-modal-dialog{
    width:96vw;
  }

  .ogty-modal-close{
    top:-44px;
    right:2px;
    font-size:38px;
  }
}


/* v1.2 - Kayma efekti */
.ogty-slide img{
  transform:scale(1.04);
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}

.ogty-slide.active img{
  transform:scale(1);
}

.ogty-slide-info{
  opacity:.45;
  transform:translateX(18px);
  transition:
    opacity .55s ease .12s,
    transform .65s cubic-bezier(.22,.61,.36,1) .08s;
}

.ogty-slide.active .ogty-slide-info{
  opacity:1;
  transform:translateX(0);
}

.ogty-slide{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media (prefers-reduced-motion: reduce){
  .ogty-slider-track,
  .ogty-slide,
  .ogty-slide img,
  .ogty-slide-info{
    transition:none !important;
  }
}


/* v1.3 - Slide'lar tamamen bitişik */
.ogty-slider-track{
  gap:0 !important;
  column-gap:0 !important;
  row-gap:0 !important;
}

.ogty-slide{
  margin:0 !important;
  border:0 !important;
  flex-shrink:0;
}

.ogty-slide + .ogty-slide{
  margin-left:0 !important;
}

.ogty-slide img{
  margin:0 !important;
  display:block;
}


/* v1.4 - Referanstaki gibi gerçek yatay kayma */
.ogty-slider-track{
  transition:transform .9s cubic-bezier(.22,.61,.36,1) !important;
  transform:translate3d(0,0,0);
}

.ogty-slider-track.ogty-no-transition{
  transition:none !important;
}

.ogty-slide{
  transform:none !important;
  opacity:.28;
  filter:brightness(.82);
}

.ogty-slide.active{
  transform:none !important;
  opacity:1;
  filter:none;
}

.ogty-slide img,
.ogty-slide.active img{
  transform:none !important;
}

.ogty-slide-info{
  transform:none !important;
}

.ogty-slide.active .ogty-slide-info{
  transform:none !important;
}


/* v1.5 - Kapak görselini ASLA kırpma */
.ogty-slide{
  background:transparent !important;
}

.ogty-slide img,
.ogty-slide.active img{
  width:100% !important;
  height:auto !important;
  object-fit:unset !important;
  object-position:center center !important;
  transform:none !important;
  max-width:none !important;
}

/* Görsel kenarındaki yazı/logolar rahat okunsun */
.ogty-slide-info{
  z-index:6;
}

/* Mobilde de kırpma yok */
@media(max-width:767px){
  .ogty-slide img{
    object-fit:unset !important;
  }
}


/* v1.6 - Görsel üst/alt boşluk düzeltmesi */
.ogty-slide{
  height:auto !important;
  aspect-ratio:auto !important;
  line-height:0;
}

.ogty-slide img,
.ogty-slide.active img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:unset !important;
  object-position:initial !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
}

/* Track, görsel yüksekliğini doğal haliyle kullansın */
.ogty-slider-track{
  align-items:flex-start !important;
}

/* Sayaç ve okların konumu yine görselin altına bağlı */
.ogty-slide-info{
  line-height:1.2;
}


/* v1.7 - Tüm popup videolarla ortak standart boyut */
.ogty-video-modal .ogty-modal-dialog{
  width:min(1280px,92vw,calc(82vh * 16 / 9)) !important;
  max-width:1280px !important;
  margin:auto !important;
}

.ogty-video-modal .ogty-video-frame{
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  max-height:82vh !important;
  background:#000 !important;
}

.ogty-video-modal iframe{
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:16/9 !important;
  border:0 !important;
}

.ogty-video-modal{
  align-items:center !important;
  justify-content:center !important;
  padding:30px !important;
}

@media(max-width:767px){
  .ogty-video-modal .ogty-modal-dialog{
    width:96vw !important;
    max-width:96vw !important;
  }

  .ogty-video-modal{
    padding:15px !important;
  }
}