/* MXonnowell v0.1.78 — Ana sayfa video sürekliliği + güvenli kadraj + yüksek çözünürlüklü medya */

/* HERO: videonun kendi içindeki logo/yazı hiçbir cihazda kesilmez. */
body.home .mx49-film .mx-film-stage{
  height:clamp(560px,calc(100svh - 76px),860px)!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:#03284f!important;
}
body.home .mx49-film .mx-film-slide{inset:0 0 48px!important;background:#03284f!important}
body.home .mx49-film .mx-film-slide video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#03284f!important;
  filter:none!important;
}

/* ONNOWELL / APEX kartları: hazırlanmış afişin tamamını göster; kesme ve büyütme yapma. */
.mx49-brand-card figure{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important}
.mx49-brand-card figure picture{display:block!important;width:100%!important;height:100%!important}
.mx49-brand-card figure img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* Alt video vitrini: yazılı/logo içeren video tam kare görünür. */
.mx49-media-video{aspect-ratio:16/9!important;min-height:0!important;background:#03284f!important}
.mx49-media-video .mx-device-video{width:100%!important;height:100%!important;min-height:0!important;background:#03284f!important;overflow:hidden!important}
.mx49-media-video .mx-device-video video,
.mx49-media-video video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  background:#03284f!important;
}

/* Sağdaki medya görselleri: WP 'large' kırpması yerine full kaynak + contain kullanılır. */
.mx49-media-gallery{align-content:start!important}
.mx49-media-gallery figure{
  position:relative!important;
  aspect-ratio:16/9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
.mx49-media-gallery figure:first-child{aspect-ratio:16/9!important}
.mx49-media-gallery img,
.mx49-media-gallery figure:first-child img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}

@media (min-width:1280px){
  .mx49-brand-card figure{min-height:250px!important}
  .mx49-media-panel{grid-template-columns:minmax(210px,.62fr) minmax(440px,1.42fr) minmax(300px,1.02fr)!important;align-items:start!important}
  .mx49-media-video{align-self:start!important}
}
@media (min-width:768px) and (max-width:1279px){
  body.home .mx49-film .mx-film-stage{height:clamp(500px,72svh,720px)!important}
  body.home .mx49-film .mx-film-slide{inset:8px 8px 56px!important}
  .mx49-brand-card figure{min-height:0!important}
  .mx49-media-gallery figure{aspect-ratio:16/9!important}
}
@media (max-width:767px){
  body.home .mx49-film .mx-film-stage{height:clamp(500px,72svh,700px)!important;min-height:500px!important}
  body.home .mx49-film .mx-film-slide{inset:6px 6px 52px!important}
  body.home .mx49-film .mx-film-slide video{object-fit:contain!important;object-position:center center!important}
  .mx49-brand-card figure{aspect-ratio:16/9!important;min-height:0!important}
  .mx49-brand-card figure img{object-fit:contain!important}
  .mx49-media-gallery{grid-template-columns:1fr!important;gap:7px!important}
  .mx49-media-gallery figure{aspect-ratio:16/9!important}
  .mx49-media-gallery figure:nth-child(3){display:flex!important}
}