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

/* Viewport görünür — stacked fade hariç inline snap için opacity zorunlu */
.psa-page .x-slide-container-viewport,
.psa-page .x-slide-container-viewport.is-ready,
.psa-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) */
.psa-page .x-slide-container.is-inline > .x-slide{
  opacity:1!important;visibility:visible!important
}

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

/* Belge marquee — Cornerstone yerine hafif şerit */
.psa-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%);
}
.psa-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;
}
.psa-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);
}
.psa-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 */
.psa-page .e1480-e11,
.psa-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
 */
.psa-page .x-slide-container-viewport.oxy-psa-snap{
  overflow:hidden!important;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.psa-page .x-slide-container-viewport.oxy-psa-snap::-webkit-scrollbar{
  display:none;width:0;height:0
}
.psa-page .x-slide-container-viewport.oxy-psa-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)
 */
.psa-page .x-main ul.x-slide-pagination,
.psa-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;
}
.psa-page .x-main ul.x-slide-pagination li,
.psa-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;
}
.psa-page .x-main ul.x-slide-pagination li.is-active,
.psa-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 */
.psa-page .x-main .mtq-44.x-slide-pagination,
.psa-page .x-main ul.mtq-44{
  --x-slide-pagination-item-bgc:#FFFFFF;
  --x-slide-pagination-item-bgc-alt:#00B3E3;
}

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

/*
 * Testimonial / quote — FE: mavi “ (testimonials.svg) + metin + yuvarlak Onur foto
 * İkon sanitizer ile enjekte edilir; görünüm burada sabitlenir (yalnız psa-page)
 */
.psa-page .x-main img[src*="testimonials.svg"]{
  display:inline-block;
  vertical-align:top;
  width:20px;
  height:20px;
  margin:2px 0 0;
  flex-shrink:0
}
.psa-page .x-main .x-text.has-graphic:has(img[src*="onurkurkcu"]) .x-graphic-image{
  max-width:48px!important;
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden
}
.psa-page .x-main .x-text.has-graphic:has(img[src*="onurkurkcu"]) .x-graphic-image img{
  display:block;
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:50%
}

/* Pill tabs tıklanabilir */
.psa-page .x-main [data-x-toggle="tab"]{
  cursor:pointer
}

/* Seri kartları: Volume + seri adı kesilmesin (x-col / text overflow) */
.psa-page [data-oxy-psa-series-cards] > .x-col,
.psa-page [data-oxy-psa-series-cards] > a.x-div{
  min-width:0
}
.psa-page [data-oxy-psa-series-cards] .x-text-content-text,
.psa-page [data-oxy-psa-series-cards] .x-text-content-text-primary,
.psa-page [data-oxy-psa-series-cards] .x-text-content-text-subheadline{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  word-break:normal
}

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

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

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