/* integrated LCP — sadece .integrated-page (layout/site.css’e dokunmaz) */

/* Viewport görünür — stacked fade hariç inline snap için opacity zorunlu */
.integrated-page .x-slide-container-viewport,
.integrated-page .x-slide-container-viewport.is-ready,
.integrated-page .x-slide-container-content{
  opacity:1!important;visibility:visible!important
}

/* Inline / snap: tüm slaytlar yan yana görünür (opacity ile gizleme YOK) */
.integrated-page .x-slide-container.is-inline > .x-slide{
  opacity:1!important;visibility:visible!important
}

.integrated-page .x-bg-layer-lower-video,
.integrated-page .x-bg-layer-lower-image,
.integrated-page .x-bg-layer-upper-image{
  background-size:cover;background-position:center;background-repeat:no-repeat
}
.integrated-page .x-bg-layer-lower-video,
.integrated-page .x-bg-layer-lower-image{
  position:absolute;inset:0;width:100%;height:100%
}

/* Belge marquee — Cornerstone yerine hafif şerit */
.integrated-page .oxy-logo-marquee{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  overflow:hidden;
  margin:12px 0 8px;
  padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.integrated-page .oxy-logo-marquee__track{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:28px;
  width:max-content;
  animation:oxy-logo-marquee 36s linear infinite;
}
.integrated-page .oxy-logo-marquee__img{
  display:block;
  flex:0 0 auto;
  width:auto;
  height:72px;
  max-width:120px;
  object-fit:contain;
  opacity:.35;
  filter:grayscale(1);
}
.integrated-page .oxy-logo-marquee:hover .oxy-logo-marquee__track{
  animation-play-state:paused
}
@keyframes oxy-logo-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Hero CTA satırı belge şeridinin üstüne binmesin */
.integrated-page .e1480-e11,
.integrated-page .e1517-e11{
  position:relative;
  z-index:2;
  clear:both;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  margin-top:24px;
}

/*
 * Snap carousel (Adım Adım / Temel Özellikler)
 * Cornerstone --x-slides-per-page flex-basis hesabını KORU
 */
.integrated-page .x-slide-container-viewport.oxy-integrated-snap{
  overflow:hidden!important;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.integrated-page .x-slide-container-viewport.oxy-integrated-snap::-webkit-scrollbar{
  display:none;width:0;height:0
}
.integrated-page .x-slide-container-viewport.oxy-integrated-snap .x-slide-container.is-inline{
  display:flex!important;
  flex-flow:row nowrap!important;
  will-change:transform;
  max-width:none
}

/*
 * Pagination — canlı Cornerstone: koyu navy zemin üstünde
 * aktif = uzatılmış cyan (#00B3E3) pill, pasif = küçük beyaz noktalar
 * JS öncesi de görünür olsun (CLS rezervi + boş ul gizlenmesin)
 */
.integrated-page .x-main ul.x-slide-pagination,
.integrated-page .x-main .x-slide-pagination{
  display:flex!important;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  list-style:none;
  margin:40px 0 0;
  padding:0;
  min-height:12px;
  opacity:1!important;
  visibility:visible!important;
  position:relative;
  z-index:3;
  --x-slide-pagination-item-bgc:#FFFFFF;
  --x-slide-pagination-item-bgc-alt:#00B3E3;
}
.integrated-page .x-main ul.x-slide-pagination li,
.integrated-page .x-main .x-slide-pagination li{
  display:block;
  flex:0 0 auto;
  width:10px;
  height:10px;
  margin:0;
  padding:0;
  border:0;
  border-radius:100px;
  background-color:var(--x-slide-pagination-item-bgc,#FFFFFF);
  list-style:none;
  cursor:pointer;
  transition:width .35s cubic-bezier(.4,0,.2,1),background-color .35s ease;
}
.integrated-page .x-main ul.x-slide-pagination li.is-active,
.integrated-page .x-main .x-slide-pagination li.is-active{
  width:40px; /* 10px * 4 — canlı pill */
  background-color:var(--x-slide-pagination-item-bgc-alt,#00B3E3);
}
/* Açık zemindeki pagination (nadiren) — mtq-44 gri override edilmesin, beyaz kalsın */
.integrated-page .x-main .mtq-44.x-slide-pagination,
.integrated-page .x-main ul.mtq-44{
  --x-slide-pagination-item-bgc:#FFFFFF;
  --x-slide-pagination-item-bgc-alt:#00B3E3;
}

.integrated-page .oxy-quote-form-slot:empty{
  min-height:1px
}

/* CLS: below-fold img / video oran + slider track min yükseklik */
.integrated-page .x-main img:not([width]):not([height]){
  max-width:100%;height:auto
}
.integrated-page .x-main video{
  display:block;max-width:100%;height:auto
}
.integrated-page .x-main .x-slide-container-viewport[data-x-slide-container]{
  min-height:180px
}

@media (max-width:767px){
  .integrated-page .oxy-logo-marquee__img{height:56px;max-width:96px}
  .integrated-page .oxy-logo-marquee__track{gap:18px;animation-duration:28s}
  .integrated-page .x-main ul.x-slide-pagination li.is-active{width:32px}
}

@media (prefers-reduced-motion:reduce){
  .integrated-page .oxy-logo-marquee__track,
  .integrated-page .oxy-sol-marquee-track{animation:none!important}
  .integrated-page .x-main ul.x-slide-pagination li{transition:none}
}