/* Hero slider — poster (LCP) + video oynatma */

ss3-fullpage,
ss3-fullpage[data-based-on="real"],
ss3-force-full-width {
  opacity: 1 !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
  position: relative !important;
  display: block !important;
  min-height: calc(100vh - 40px) !important;
}

.n2-ss-layers-container,
.n2-ss-static-slide,
.n2-ss-layer-row-inner {
  opacity: 1 !important;
  visibility: visible !important;
}

#n2-ss-2,
#n2-ss-2-align,
.n2-ss-align,
.n2-padding,
.n2-section-smartslider {
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  min-height: calc(100vh - 40px) !important;
}

#n2-ss-2.n2-ss-slider,
#n2-ss-2 .n2-ss-slide-backgrounds {
  position: relative !important;
  min-height: calc(100vh - 40px) !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Arka planlar üst üste */
#n2-ss-2 .n2-ss-slide-backgrounds {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

#n2-ss-2 .n2-ss-slide-background {
  position: absolute !important;
  inset: 0 !important;
  min-height: calc(100vh - 40px) !important;
  display: block !important;
  transform: none !important;
  translate: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.55s ease;
  background: #021226;
}

#n2-ss-2 .n2-ss-slide-background.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1;
  pointer-events: none !important;
}

/* Poster: video gelene kadar görünür */
#n2-ss-2 .n2-ss-slide-background-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.4s ease;
}

#n2-ss-2 .n2-ss-slide-background-image img,
#n2-ss-2 .n2-ss-slide-background-image picture,
#n2-ss-2 .n2-ss-slide-background-image picture img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Video katmanı */
#n2-ss-2 .n2-ss-slide-background-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  visibility: visible !important;
  background: transparent !important;
  transition: opacity 0.35s ease;
}

/* Video gerçekten oynayınca: video görünür, poster kaybolur */
#n2-ss-2 .n2-ss-slide-background.is-video-ready .n2-ss-slide-background-video {
  opacity: 1 !important;
}

#n2-ss-2 .n2-ss-slide-background.is-video-ready .n2-ss-slide-background-image {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Gradient overlay */
#n2-ss-2 .n2-ss-slide-background-color {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none;
}

/* Metin katmanları — tıklanabilir butonlar burada */
#n2-ss-2 .n2-ss-slide-backgrounds {
  z-index: 0 !important;
  pointer-events: none !important;
}

#n2-ss-2 .n2-ss-slider-4 {
  position: relative !important;
  z-index: 50 !important;
  min-height: calc(100vh - 40px);
  pointer-events: auto !important;
}

#n2-ss-2 .n2-ss-slide {
  display: none !important;
  position: relative !important;
  min-height: calc(100vh - 40px) !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#n2-ss-2 .n2-ss-slide.is-active,
#n2-ss-2 .n2-ss-slide[aria-hidden="false"] {
  display: grid !important;
  z-index: 51 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Menü açıkken slider içeriğine dokunma — sadece megamenü kendi z-index'inde */
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .slide2img,
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .button-container,
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .x-anchor-button {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover / menü native SS katman animasyonlarını ez — absolute konumları bozma */
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .n2-ss-layer:not([data-pm="absolute"]):not(.slide-bttm2),
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .n2-ss-layer-content,
#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .n2-ss-item-content {
  opacity: 1 !important;
  visibility: visible !important;
}

#n2-ss-2.oxy-hero-controlled .n2-ss-slide.is-active .n2-ss-layer:not([data-pm="absolute"]):not(.slide-bttm2) {
  transform: none !important;
  filter: none !important;
}

/* Layers alanı tam yükseklik — absolute alt hizalama için */
#n2-ss-2 .n2-ss-slide.is-active,
#n2-ss-2 .n2-ss-slide.is-active .n2-ss-layers-container {
  position: relative !important;
  min-height: calc(100vh - 40px) !important;
  height: 100% !important;
}

/* Sayfayı Kaydır — SS JS yok, alta sabitle (eski konum) */
#n2-ss-2 .n2-ss-layer[data-pm="absolute"][data-desktopportraitvalign="bottom"],
#n2-ss-2 .n-uc-166f90948a472,
#n2-ss-2 .n-uc-156751d1275ed {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 24px !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 60 !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#n2-ss-2 .n-uc-166f90948a472 .n2-ss-layer-row,
#n2-ss-2 .n-uc-156751d1275ed .n2-ss-layer-row,
#n2-ss-2 .n-uc-166f90948a472 .n2-ss-layer-row-inner,
#n2-ss-2 .n-uc-156751d1275ed .n2-ss-layer-row-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  #n2-ss-2 .n-uc-166f90948a472,
  #n2-ss-2 .n-uc-156751d1275ed,
  #n2-ss-2 .n2-ss-layer[data-pm="absolute"][data-desktopportraitvalign="bottom"] {
    /* orijinal data-hidemobileportrait="1" */
    display: none !important;
  }
}

/* Görseller tiklamayi yutmasin; linkler alsin */
#n2-ss-2 .n2-ss-slide.is-active img,
#n2-ss-2 .n2-ss-slide.is-active picture {
  pointer-events: none !important;
}

#n2-ss-2 .n2-ss-slide.is-active a,
#n2-ss-2 .n2-ss-slide.is-active a *,
#n2-ss-2 .n2-ss-slide.is-active .button-container,
#n2-ss-2 .n2-ss-slide.is-active .button-container *,
#n2-ss-2 .n2-ss-slide.is-active .x-anchor,
#n2-ss-2 .n2-ss-slide.is-active .x-anchor * {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Konteyner gorseli tiklamayi yesmesin */
#n2-ss-2 .n-uc-moiULtXC891b,
#n2-ss-2 .n-uc-moiULtXC891b * {
  pointer-events: none !important;
}

/* CTA katmani ustte — position'a dokunma (ok absolute kalsin) */
#n2-ss-2 .n-uc-ObpFhdgSlLUg {
  position: relative !important;
  z-index: 300 !important;
  pointer-events: auto !important;
}

/* Ok yuvarlagin uzerinde kalsin */
#n2-ss-2 .button-arrow-container {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 20 !important;
}

/* Mobil: sadece kapak görseli */
@media (max-width: 991px) {
  #n2-ss-2 .n2-ss-slide-background-video {
    display: none !important;
  }

  #n2-ss-2 .n2-ss-slide-background-image,
  #n2-ss-2 .n2-ss-slide-background.is-video-ready .n2-ss-slide-background-image {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 3 !important;
  }
}

.x-main,
.cs-content,
.x-section {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Cornerstone: is-ready gelmeden slide’lar opacity:0 kalmasın (site.js kırılınca tüm alt alanlar boş kalıyordu) */
.x-slide-container-viewport:not(.is-ready) .x-slide,
.x-slide-container-viewport .x-slide {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Footer CTA video — SADECE .center_video satırı (tüm footer değil) */
.x-colophon .center_video {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
}
.x-colophon .center_video > .x-bg {
  z-index: 0 !important;
}
.x-colophon .center_video > .x-row-inner {
  position: relative !important;
  z-index: 2 !important;
}
.x-colophon .center_video .x-bg-layer-lower-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
}
.x-colophon .center_video .oxy-footer-row-video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  pointer-events: none !important;
}
.x-colophon .center_video .x-bg-layer-upper-color {
  z-index: 1 !important;
}

html.oxy-offcanvas-open,
html.oxy-offcanvas-open body {
  overflow: hidden;
}

/*
 * Ana sayfa hero — sosyal ikon (slider_div) köşe SVG seam.
 * Önceki “fix” aynı background-image’i tekrarlıyordu; çizgi anti-alias boşluğundan.
 * Köşe filler’ı ~1–2px büyütüp overlap ile kapat.
 */
body.home .slider_div {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-clip: padding-box !important;
}
body.home .slider_div::before {
  top: -33px !important;
  left: -1px !important;
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/oxyvitalsystems/assets/uploads/2025/07/slide_shape02.svg) !important;
  background-size: 34px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: translate3d(0, 0, 0) scale(1.08);
  transform-origin: bottom left;
  backface-visibility: hidden;
}
body.home .slider_div::after {
  right: -33px !important;
  bottom: -1px !important;
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/oxyvitalsystems/assets/uploads/2025/07/slide_shape02.svg) !important;
  background-size: 34px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  transform: translate3d(0, 0, 0) scale(1.08);
  transform-origin: top left;
  backface-visibility: hidden;
}
body.home .e13-e5.md-1v,
body.home .e13-e5 {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
/* Slider alt katman — tam genişlik zorunluğundan gelen ince çizgi */
body.home #n2-ss-2 .n2-ss-layer[data-pm="absolute"][data-desktopportraitvalign="bottom"],
body.home #n2-ss-2 .n-uc-166f90948a472,
body.home #n2-ss-2 .n-uc-156751d1275ed {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/*
 * Megamenu featured kart notch — home’da chrome-megamenu.css YÜKLENMİYOR.
 * Azot/Oksijen Modeller beyaz köşe + shape01 SVG seam.
 */
body.home #megamenu-dropdown .ml-g,
body.home #megamenu-dropdown .m3r-g {
  right: -2px !important;
  bottom: -2px !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
body.home #megamenu-dropdown .e21-e26::before,
body.home #megamenu-dropdown .e21-e32::before,
body.home #megamenu-dropdown .e21-e38::before,
body.home #megamenu-dropdown .e21-e44::before,
body.home #megamenu-dropdown .e135-e26::before,
body.home #megamenu-dropdown .e135-e32::before,
body.home #megamenu-dropdown .e135-e38::before {
  bottom: -3px !important;
  left: -32px !important;
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/oxyvitalsystems/assets/uploads/2025/07/shape01_bottom_right.svg) !important;
  background-size: 34px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0) scale(1.1);
  transform-origin: bottom right;
  backface-visibility: hidden;
}
body.home #megamenu-dropdown .e21-e26::after,
body.home #megamenu-dropdown .e21-e32::after,
body.home #megamenu-dropdown .e21-e38::after,
body.home #megamenu-dropdown .e21-e44::after,
body.home #megamenu-dropdown .e135-e26::after,
body.home #megamenu-dropdown .e135-e32::after,
body.home #megamenu-dropdown .e135-e38::after {
  right: -2px !important;
  top: -31px !important;
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/oxyvitalsystems/assets/uploads/2025/07/shape01_bottom_right.svg) !important;
  background-size: 34px 34px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0) scale(1.1);
  transform-origin: bottom left;
  backface-visibility: hidden;
}