/* MenkulEX v1.2.61 — WP Medya Kütüphanesi video yerleşimi.
   Yalnız ana sayfadaki MenkulEX video bileşenlerine scope edilir. */

body.xan-home .mxv-card-video-v1261,
body.xan-home .mxv-process-video-v1261,
body.xan-home .mxv-project-video-v1261,
body.xan-home .xan-secondary-video-frame,
body.xan-home .xan-video-showcase-card{
  background:#041f40;
}

body.xan-home .mxv-card-video-v1261{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:14px 14px 0 0;
  background:#041f40;
}
body.xan-home .mxv-card-video-v1261 video,
body.xan-home .mxv-process-video-v1261 video,
body.xan-home .mxv-project-video-v1261,
body.xan-home .xan-secondary-video,
body.xan-home .xan-video-showcase-media{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  background:#041f40;
}

body.xan-home .mxv-service-card-v1244.has-video{
  padding:0;
  overflow:hidden;
  min-height:0;
}
body.xan-home .mxv-service-card-body-v1261{
  display:flex;
  flex:1;
  min-height:190px;
  flex-direction:column;
  padding:18px 20px 20px;
}
body.xan-home .mxv-service-card-body-v1261 .mxv-icon-v1244{margin-bottom:14px}
body.xan-home .mxv-service-card-body-v1261 b{margin-top:auto}

body.xan-home .mxv-process-grid-v1244 article.has-video{
  padding:0;
  overflow:hidden;
}
body.xan-home .mxv-process-video-v1261{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#041f40;
}
body.xan-home .mxv-process-card-body-v1261{padding:18px 20px 20px}
body.xan-home .mxv-process-card-body-v1261>span{display:block;margin-bottom:14px;color:#055970;font-size:12px;font-weight:600}
body.xan-home .mxv-process-card-body-v1261 strong{display:block;font-size:15px}
body.xan-home .mxv-process-card-body-v1261 p{margin:8px 0 0;color:#526972;font-size:13px;line-height:1.65}

body.xan-home .xan-project-teaser-media.has-video-v1261{
  background:#041f40!important;
}
body.xan-home .xan-project-teaser-media.has-video-v1261 .xan-home-media-bg{opacity:.18!important}
body.xan-home .mxv-project-video-v1261{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
}
body.xan-home .xan-project-teaser-media.has-video-v1261 .xan-future-teaser-badge-v152{z-index:3}

/* Hero: masaüstünde sinematik cover; tablet/mobilde kırpma yerine tam kadraj. */
body.xan-home .xan-hero-v124 .xan-hero-video{
  object-fit:cover!important;
  object-position:center center!important;
}
body.xan-home .xan-secondary-video-frame{
  aspect-ratio:16/9!important;
  max-width:1180px!important;
}
body.xan-home .xan-secondary-video{object-fit:contain!important}

/* Tüm Ortam Kütüphanesi videolarını tek uzun sayfa yerine yatay, performanslı bir vitrin halinde sun. */
body.xan-home .mx-video-library-v1261{overflow:hidden}
body.xan-home .mx-video-library-track-v1261{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-columns:none!important;
  grid-auto-columns:calc((100% - 32px)/3)!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  padding:4px 2px 12px;
}
body.xan-home .mx-video-library-card-v1261{
  min-width:0;
  scroll-snap-align:start;
  border:1px solid rgba(5,89,112,.13);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 34px rgba(4,31,64,.06);
}
body.xan-home .mx-video-library-card-v1261 .xan-video-showcase-card{
  aspect-ratio:16/9!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.xan-home .mx-video-library-caption-v1261{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  min-height:54px;
  background:#fff;
}
body.xan-home .mx-video-library-caption-v1261 strong{
  min-width:0;
  color:#041f40;
  font-size:12.5px;
  font-weight:500;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.xan-home .mx-video-library-caption-v1261 span{
  flex:none;
  color:#055970;
  font-size:11px;
  font-weight:600;
}
body.xan-home .mx-video-library-v1261 .xan-video-showcase-play{
  right:10px!important;
  bottom:10px!important;
}

@media (max-width:1024px){
  body.xan-home .xan-hero-v124 .xan-hero-video{
    object-fit:contain!important;
    object-position:center center!important;
    background:#041f40!important;
  }
  body.xan-home .xan-hero-v124 .xan-hero-video-backdrop{opacity:.20!important}
  body.xan-home .mx-video-library-track-v1261{
    grid-auto-columns:calc((100% - 14px)/2)!important;
    gap:14px!important;
  }
  body.xan-home .mxv-service-grid-v1244,
  body.xan-home .mxv-process-grid-v1244{gap:14px!important}
}

@media (max-width:760px){
  /* Mobilde video yüksekliği viewport'a zorlanmaz; 16:9 tam kadraj gösterilir. */
  body.xan-home .xan-hero-v124.has-video,
  body.xan-home .xan-hero-v113.has-video{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    background:#041f40!important;
  }
  body.xan-home .xan-hero-v124 .xan-hero-video,
  body.xan-home .xan-hero-v113 .xan-hero-video{
    object-fit:contain!important;
    object-position:center center!important;
  }
  body.xan-home .xan-hero-video-control{right:10px!important;bottom:10px!important}
  body.xan-home .xan-secondary-video-section{padding:14px 0 18px!important}
  body.xan-home .xan-secondary-video-frame{width:100%!important;aspect-ratio:16/9!important;border-radius:12px!important}
  body.xan-home .mx-video-library-track-v1261{
    grid-auto-columns:100%!important;
    gap:12px!important;
    padding-inline:0!important;
  }
  body.xan-home .mxv-card-video-v1261,
  body.xan-home .mxv-process-video-v1261{aspect-ratio:16/9!important}
  body.xan-home .mxv-service-card-body-v1261{min-height:0;padding:16px 17px 18px}
  body.xan-home .mxv-process-card-body-v1261{padding:16px 17px 18px}
  body.xan-home .mx-video-library-caption-v1261 strong{font-size:12px}
}