
.csi-studio-slider{position:relative;overflow:hidden;width:100%;height:var(--csi-hd,760px);background:#0f1418;color:#fff;isolation:isolate}
.csi-studio-slider *{box-sizing:border-box}.csi-studio-track,.csi-studio-slide{position:absolute;inset:0}.csi-studio-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--td,750ms) ease,visibility var(--td,750ms) ease;overflow:hidden}.csi-studio-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.csi-studio-bg,.csi-studio-overlay,.csi-studio-poster,.csi-studio-gradient,.csi-studio-youtube{position:absolute;inset:0}.csi-studio-poster img{width:100%;height:100%;object-fit:cover;object-position:var(--focal-x,50%) var(--focal-y,50%);display:block}.csi-studio-gradient{width:100%;height:100%}.csi-studio-overlay{z-index:2;background:rgba(0,0,0,var(--overlay,.45));pointer-events:none}
.csi-studio-youtube{z-index:1;overflow:hidden;pointer-events:none;background:#101418}.csi-studio-youtube iframe{position:absolute;left:50%;top:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}.csi-studio-poster{z-index:0}.csi-studio-youtube.is-ready+.csi-studio-poster{opacity:0}
.csi-studio-layer-plane{position:absolute;inset:0;z-index:4;pointer-events:none}.csi-v8-layer{position:absolute;left:calc(var(--dx)/1600*100%);top:calc(var(--dy)/760*100%);width:calc(var(--dw)/1600*100%);height:auto;min-height:0;color:var(--color,#fff);font-family:var(--font-family,var(--font-body));font-size:calc(var(--df)*1px);font-weight:var(--weight,500);line-height:var(--lh,1.2);letter-spacing:var(--ls,0);text-align:var(--align,left);opacity:0;z-index:var(--z,20);transform:translateZ(0);transition-property:opacity,transform,filter;transition-duration:var(--duration,700ms);transition-delay:var(--delay,0ms);transition-timing-function:cubic-bezier(.2,.75,.2,1);pointer-events:auto}.csi-studio-slide.is-active .csi-v8-layer.is-in{opacity:var(--opacity,1);transform:none;filter:none}
.csi-v8-layer[data-anim-in="none"]{opacity:var(--opacity,1);transform:none;filter:none}.csi-v8-layer[data-anim-in="fade"]{transform:none}.csi-v8-layer[data-anim-in="fade-up"]{transform:translateY(28px)}.csi-v8-layer[data-anim-in="fade-down"]{transform:translateY(-28px)}.csi-v8-layer[data-anim-in="fade-left"]{transform:translateX(32px)}.csi-v8-layer[data-anim-in="fade-right"]{transform:translateX(-32px)}.csi-v8-layer[data-anim-in="zoom-in"]{transform:scale(.93)}.csi-v8-layer[data-anim-in="blur-in"]{filter:blur(12px);transform:translateY(10px)}
.csi-v8-heading{font-weight:800}.csi-v8-eyebrow,.csi-v8-badge{font-weight:800;letter-spacing:.12em}.csi-v8-button a,.csi-v8-badge div{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:var(--py,15px) var(--px,28px);background:var(--bg,#d7161b);border:var(--bw,0) solid var(--border,#fff);border-radius:var(--radius,4px);color:var(--color,#fff);text-decoration:none;white-space:nowrap}.csi-v8-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius,0)}.csi-v8-shape span,.csi-v8-divider span{display:block;width:100%;height:100%;background:var(--bg,#d7161b);border:var(--bw,0) solid var(--border,#fff);border-radius:var(--radius,0)}.csi-v8-shape,.csi-v8-divider,.csi-v8-image{height:calc(var(--dh)*1px)}
.csi-studio-arrow{position:absolute;z-index:10;bottom:30px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);background:rgba(12,16,20,.24);backdrop-filter:blur(8px);color:#fff;font-size:18px;cursor:pointer}.csi-studio-arrow.prev{right:82px}.csi-studio-arrow.next{right:30px}.csi-studio-arrow:hover{background:#d7161b;border-color:#d7161b}.csi-studio-dots{position:absolute;z-index:10;left:30px;bottom:37px;display:flex;gap:8px}.csi-studio-dots button{width:26px;height:3px;padding:0;border:0;background:rgba(255,255,255,.35);cursor:pointer}.csi-studio-dots button.active{background:#d7161b}.csi-studio-progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:11;background:rgba(255,255,255,.12)}.csi-studio-progress i{display:block;width:0;height:100%;background:#d7161b}
@media(max-width:1024px){.csi-studio-slider{height:var(--csi-ht,700px)}.csi-v8-layer{left:calc(var(--tx)/1024*100%);top:calc(var(--ty)/700*100%);width:calc(var(--tw)/1024*100%);font-size:calc(var(--tf)*1px)}.csi-v8-shape,.csi-v8-divider,.csi-v8-image{height:calc(var(--th)*1px)}.hide-tablet{display:none!important}.hide-desktop{display:block}.csi-studio-arrow{bottom:24px}.csi-studio-dots{bottom:31px}}
@media(min-width:1025px){.hide-desktop{display:none!important}}
@media(max-width:767px){.csi-studio-slider{height:var(--csi-hm,620px)}.csi-v8-layer{left:calc(var(--mx)/390*100%);top:calc(var(--my)/620*100%);width:calc(var(--mw)/390*100%);font-size:calc(var(--mf)*1px)}.csi-v8-shape,.csi-v8-divider,.csi-v8-image{height:calc(var(--mh)*1px)}.hide-mobile{display:none!important}.hide-tablet{display:block}.csi-studio-arrow{width:40px;height:40px;bottom:18px}.csi-studio-arrow.prev{right:64px}.csi-studio-arrow.next{right:18px}.csi-studio-dots{left:18px;bottom:25px}.csi-v8-button a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.csi-studio-slide,.csi-v8-layer{transition:none!important}.csi-v8-layer{opacity:var(--opacity,1)!important;transform:none!important;filter:none!important}}

.csi-v8-heading,.csi-v8-eyebrow,.csi-v8-button,.csi-v8-badge{font-family:var(--font-family,var(--font-display))}.csi-v8-text{font-family:var(--font-family,var(--font-body))}


/* v8.0.5 — background video must never expose player transport controls */
.csi-v8-video-controls,
.csi-v8-media-controls,
.csi-v8-player-controls,
.csi-v8-video-nav,
.csi-video-controls,
.video-controls,
.video-control,
.hero-video-controls,
.slider-video-controls,
[class*="video-controls"],
[class*="player-controls"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.csi-v8-bg iframe,
.csi-v8-bg video,
.csi-v8-video,
.csi-v8-youtube{
  pointer-events:none!important;
}
.csi-v8-bg video::-webkit-media-controls,
.csi-v8-bg video::-webkit-media-controls-enclosure,
.csi-v8-bg video::-webkit-media-controls-panel,
.csi-v8-bg video::-webkit-media-controls-play-button,
.csi-v8-bg video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
}


/* v8.0.6 — YouTube is a pure background surface */
.csi-studio-youtube,
.csi-studio-youtube-player,
.csi-studio-youtube iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  pointer-events:none!important;
  user-select:none!important;
}
.csi-studio-youtube{
  overflow:hidden!important;
}
.csi-studio-youtube iframe{
  /* YouTube's 16:9 frame is oversized so no UI edge can leak into the hero crop. */
  left:50%!important;
  top:50%!important;
  width:177.77777778vh!important;
  min-width:100%!important;
  height:56.25vw!important;
  min-height:100%!important;
  transform:translate(-50%,-50%) scale(1.03)!important;
}

/* Legacy transport overlays are forbidden in Slider Studio */
.csi-studio-slider .csi-v8-video-controls,
.csi-studio-slider .csi-v8-media-controls,
.csi-studio-slider .csi-v8-player-controls,
.csi-studio-slider .csi-v8-video-nav,
.csi-studio-slider .csi-video-controls,
.csi-studio-slider .video-controls,
.csi-studio-slider .video-control,
.csi-studio-slider .hero-video-controls,
.csi-studio-slider .slider-video-controls,
.csi-studio-slider [class*="video-controls"],
.csi-studio-slider [class*="player-controls"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v8.0.8 — keep YouTube UI behind the poster until stable playback */
.csi-studio-bg{isolation:isolate}
.csi-studio-youtube{z-index:0!important}
.csi-studio-poster{
  z-index:1!important;
  opacity:1;
  transition:opacity .55s ease;
  pointer-events:none!important;
}
.csi-studio-youtube.is-ready + .csi-studio-poster{
  opacity:0!important;
  visibility:hidden;
}
.csi-studio-overlay{z-index:2!important}
.csi-studio-layer-plane{z-index:4!important}


/* v8.0.9 — direct YouTube background: no JS player API, no interaction */
.csi-studio-youtube{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:#111!important;
}
.csi-studio-youtube iframe{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:177.77777778vh!important;
  min-width:100%!important;
  height:56.25vw!important;
  min-height:100%!important;
  border:0!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
  pointer-events:none!important;
  user-select:none!important;
}


/* v8.1.0 — poster precedes YouTube host in DOM; reveal video from parent state */
.csi-studio-bg .csi-studio-poster{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:1;
  visibility:visible;
  transition:opacity .45s ease, visibility .45s ease;
  pointer-events:none!important;
}
.csi-studio-bg.is-video-ready .csi-studio-poster{
  opacity:0!important;
  visibility:hidden!important;
}
.csi-studio-bg.is-video-ready .csi-studio-youtube{
  opacity:1!important;
  visibility:visible!important;
}
.csi-studio-youtube{
  opacity:1;
  visibility:visible;
}


/* v8.2.0 — native background video, no player chrome possible */
.csi-studio-native-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
  border:0!important;
  pointer-events:none!important;
  user-select:none!important;
  opacity:0;
  visibility:hidden;
  transition:opacity .45s ease, visibility .45s ease;
}
.csi-studio-native-video.is-ready{
  opacity:1!important;
  visibility:visible!important;
}
.csi-studio-native-video::-webkit-media-controls,
.csi-studio-native-video::-webkit-media-controls-enclosure,
.csi-studio-native-video::-webkit-media-controls-panel,
.csi-studio-native-video::-webkit-media-controls-play-button,
.csi-studio-native-video::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
}
.csi-studio-bg.is-video-ready .csi-studio-poster{
  opacity:0!important;
  visibility:hidden!important;
}


/* v8.2.1 — native video background pipeline */
.csi-studio-bg[data-bg-type="video"]{background:#111}
.csi-studio-bg[data-bg-type="video"] .csi-studio-native-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--focal-x,50%) var(--focal-y,50%)!important;
  pointer-events:none!important;
}


/* v8.3.0 definitive YouTube background surface */
.csi-studio-youtube,.csi-youtube-mount,.csi-studio-youtube iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  pointer-events:none!important;
  user-select:none!important;
}
.csi-studio-youtube{
  z-index:0!important;
  overflow:hidden!important;
  background:#111!important;
}
.csi-studio-youtube iframe{
  left:50%!important;
  top:50%!important;
  width:177.7778vh!important;
  min-width:100%!important;
  height:56.25vw!important;
  min-height:100%!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
}
.csi-studio-bg .csi-studio-poster{
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .55s ease,visibility .55s ease!important;
  pointer-events:none!important;
}
.csi-studio-bg.is-video-ready .csi-studio-poster{
  opacity:0!important;
  visibility:hidden!important;
}
.csi-studio-overlay{z-index:3!important}
.csi-studio-layer-plane{z-index:5!important}


/* v8.3.1 — kapak görseli olmayan YouTube slaytları için düz renkli örtü.
   Kök neden: poster görseli tanımlanmamış YouTube arka planlarında .csi-studio-poster
   hiç render edilmiyordu, bu yüzden oynatıcının ilk 3-4 saniyelik OSD/oynat simgesi
   çıplak görünüyordu. Bu katman aynı z-index/opacity/geçiş kurallarını (yukarıdaki
   v8.3.0 bloğu) miras alır, sadece resim yerine düz koyu renk kullanır. */
.csi-studio-poster-fallback{
  background:#111418!important;
}

/* v1.13.1 — Daha sakin giriş: yumuşak geçiş, hafif yakınlaşma; yazılar 2 sn sonra ağır ağır ve sırayla gelir. */
.csi-studio-slider{--csi-text-wait:2000ms;--csi-kb:10s;--td:1400ms}
.csi-studio-slider .csi-studio-slide{transition:opacity 1400ms cubic-bezier(.4,0,.2,1),visibility 1400ms}
.csi-studio-poster img{transform:scale(1);transform-origin:var(--focal-x,50%) var(--focal-y,50%);transition:transform 0s linear 1400ms;will-change:transform;backface-visibility:hidden}
.csi-studio-slider.csi-kb-ready .csi-studio-slide.is-active .csi-studio-poster img{transform:scale(1.05);transition:transform var(--csi-kb) linear 0s}
.csi-studio-slider .csi-v8-layer{transition-duration:0ms;transition-delay:0ms}
.csi-studio-slider .csi-v8-layer[data-anim-in="fade"],
.csi-studio-slider .csi-v8-layer[data-anim-in="fade-up"],
.csi-studio-slider .csi-v8-layer[data-anim-in="blur-in"]{transform:translateY(34px);filter:blur(10px)}
.csi-studio-slider .csi-v8-layer[data-anim-in="fade-down"]{transform:translateY(-34px);filter:blur(10px)}
.csi-studio-slider .csi-v8-layer[data-anim-in="fade-left"]{transform:translateX(40px);filter:blur(10px)}
.csi-studio-slider .csi-v8-layer[data-anim-in="fade-right"]{transform:translateX(-40px);filter:blur(10px)}
.csi-studio-slider .csi-v8-layer[data-anim-in="zoom-in"]{transform:scale(.94);filter:blur(10px)}
.csi-studio-layer-plane > .csi-v8-layer{--csi-stagger:0ms}
.csi-studio-layer-plane > .csi-v8-layer:nth-child(2){--csi-stagger:450ms}
.csi-studio-layer-plane > .csi-v8-layer:nth-child(3){--csi-stagger:900ms}
.csi-studio-layer-plane > .csi-v8-layer:nth-child(4){--csi-stagger:1300ms}
.csi-studio-layer-plane > .csi-v8-layer:nth-child(n+5){--csi-stagger:1650ms}
.csi-studio-slider .csi-studio-slide.is-active .csi-v8-layer.is-in{
  transition-property:opacity,transform,filter;
  transition-duration:1800ms,2200ms,1800ms;
  transition-delay:calc(var(--csi-text-wait) + var(--csi-stagger,0ms) + var(--delay,0ms));
  transition-timing-function:cubic-bezier(.22,.61,.36,1);
}
.csi-studio-slider .csi-v8-layer[data-anim-in="none"]{transform:none;filter:none}
@media(prefers-reduced-motion:reduce){.csi-studio-poster img,.csi-studio-slide.is-active .csi-studio-poster img{transform:none!important;transition:none!important}}
