/* MXonnowell v0.3.15 — 8 referans sayfa final 360° yerleşim / görünürlük / erişilebilirlik QA. */
:root{--mx315-wrap:1180px;--mx315-media-small:960px;--mx315-radius:18px}

/* Header/logo: masaüstünde kırpılma ve yarım gizlenme yok. */
@media (min-width:1101px){
  .mx-header{overflow:visible!important;transform:none!important;translate:none!important;clip-path:none!important}
  .mx-header__in{overflow:visible!important;min-width:0!important}
  .mx-brand,.mx-brand__logo-wrap{overflow:visible!important;min-width:0!important;flex:0 1 auto!important}
  .mx-brand__logo{display:block!important;width:auto!important;height:auto!important;max-height:52px!important;max-width:210px!important;object-fit:contain!important;object-position:left center!important;clip-path:none!important}
  .mx-site-nav,.mx-nav-list{min-width:0!important}
}
@media (min-width:1101px) and (max-width:1640px){
  .mx-header__in{gap:12px!important}
  .mx-brand__logo{max-width:172px!important;max-height:46px!important}
  .mx-nav-list{gap:13px!important}
  .mx-nav-list a{font-size:12.5px!important}
}

/* Ana video: video içeriği hiçbir cihazda crop edilmez. Çerçeve sayfaya göre dengeli kalır. */
.mx302-video-first>.mx-wrap{width:min(var(--mx315-wrap),calc(100% - 36px))!important}
.mx302-video-first__frame{background:#07182b!important;border-radius:var(--mx315-radius)!important;overflow:hidden!important}
.mx302-video-first__frame .mx302-video-el,
.mx302-video-first__frame .mx302-video-poster{width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important;object-position:center center!important;background:#07182b!important}
.mx302-video-first__frame .mx302-video-poster{background:#eef4f8!important}

/* İlk video altındaki genel medya daha küçük ve tek standarda bağlı. Keşfet video kart geometrisi korunur. */
.mx302-media-grid{width:100%!important;max-width:var(--mx315-media-small)!important;margin-inline:auto!important}
.mx302-media-card{min-width:0!important}
.mx302-media-card figure{aspect-ratio:16/9!important;overflow:hidden!important;background:#f3f7fa!important;border-radius:16px!important}
.mx302-media-card figure img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.mx302-video-card-grid{width:100%!important;margin-inline:auto!important}
[data-mx-builder-key="explore-videos"] .mx302-video-card-grid{max-width:960px!important}
.mx302-video-card__frame{overflow:hidden!important;background:#07182b!important}
.mx302-video-card__frame img,.mx302-video-card__frame video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* Hero/split görselleri: kişi ve içerik kırpılmasını azalt; referans kolon geometrisini koru. */
.mx302-hero__media,.mx302-split__media{overflow:hidden!important}
.mx302-hero__media .mx302-device-image,.mx302-split__media .mx302-device-image{object-position:center!important}

/* Kart ve kolon stabilitesi. */
.mx302-feature-grid,.mx302-steps,.mx302-explore-grid,.mx302-story-grid,.mx302-product-grid,.mx302-video-card-grid,.mx302-media-grid{min-width:0!important}
.mx302-feature-card,.mx302-steps article,.mx302-explore-card,.mx302-story-card,.mx302-product-card,.mx302-video-card,.mx302-media-card{min-width:0!important;height:100%}
.mx302-section h2,.mx302-section h3,.mx302-section p,.mx302-section li,.mx302-hero h1,.mx302-hero p{overflow-wrap:anywhere}

/* Klavye ve erişilebilirlik: görünür focus, detaylar ve CTA hedefleri. */
.mx302-btn:focus-visible,.mx302-section a:focus-visible,.mx309-flow a:focus-visible,.mx302-faq-grid summary:focus-visible,.mx302-info-faq summary:focus-visible{
  outline:3px solid rgba(11,114,217,.34)!important;outline-offset:3px!important;border-radius:9px
}
.mx302-faq-grid summary,.mx302-info-faq summary{cursor:pointer}

/* Builder kontrolü içerik üstüne taşmasın. */
.mx302-video-first.mx109-has-entry>.mx109-section-edit,
.mx302-hero.mx109-has-entry>.mx109-section-edit,
.mx302-section.mx109-has-entry>.mx109-section-edit,
.mx302-cta.mx109-has-entry>.mx109-section-edit,
.mx309-flow.mx109-has-entry>.mx109-section-edit{z-index:20!important}

/* Tablet */
@media (max-width:1100px){
  .mx302-video-first>.mx-wrap{width:calc(100% - 24px)!important}
  .mx302-media-grid{max-width:900px!important}
}

/* Mobil: ana video daha görünür; içeriğin tamamı görünür. Alt görseller küçülür. */
@media (max-width:767px){
  .mx302-video-first{padding:5px 0 10px!important}
  .mx302-video-first>.mx-wrap{width:calc(100% - 10px)!important}
  .mx302-video-first__frame{aspect-ratio:16/10!important;border-radius:13px!important;min-height:0!important}
  .mx302-video-first__frame .mx302-video-el,.mx302-video-first__frame .mx302-video-poster{object-fit:contain!important}

  .mx302-media-grid.mx302-cols-2,.mx302-media-grid.mx302-cols-3,.mx302-media-grid.mx302-cols-4{max-width:100%!important;gap:10px!important}
  .mx302-media-card{flex:0 0 min(70vw,270px)!important}
  .mx302-media-card figure{aspect-ratio:16/9!important;border-radius:13px!important}

  /* Keşfet video kartının mevcut mobil ölçüsü korunur. */
  [data-mx-builder-key="explore-videos"] .mx302-video-card{flex:0 0 min(76vw,295px)!important}
  [data-mx-builder-key="explore-videos"] .mx302-video-card__frame{aspect-ratio:16/9!important}

  /* Diğer sayfalardaki alt video kartları Keşfet'ten biraz daha kompakt. */
  .mx302-video-card{flex:0 0 min(72vw,282px)!important}
  [data-mx-builder-key="explore-videos"] .mx302-video-card{flex-basis:min(76vw,295px)!important}

  .mx302-hero__media,.mx302-split__media{aspect-ratio:4/3!important;max-height:330px!important;background:#f4f8fa!important}
  .mx302-hero__media .mx302-device-image,.mx302-split__media .mx302-device-image{object-fit:contain!important;width:100%!important;height:100%!important}
  .mx302-section,.mx302-hero,.mx302-cta,.mx309-flow{overflow-x:clip!important}
}

/* 320–350 px: güvenli minimum, yatay taşma yok. */
@media (max-width:350px){
  .mx302-video-first>.mx-wrap{width:calc(100% - 6px)!important}
  .mx302-media-card{flex-basis:min(72vw,246px)!important}
  .mx302-video-card{flex-basis:min(74vw,254px)!important}
  [data-mx-builder-key="explore-videos"] .mx302-video-card{flex-basis:min(78vw,268px)!important}
  .mx302-hero__media,.mx302-split__media{max-height:285px!important}
}

/* Kısa yatay ekranlarda video tümüyle görünür; viewport'u aşmaz. */
@media (max-height:560px) and (orientation:landscape){
  .mx302-video-first__frame{max-height:76vh!important;aspect-ratio:16/9!important}
  .mx302-video-first__frame .mx302-video-el,.mx302-video-first__frame .mx302-video-poster{object-fit:contain!important}
}

@media (prefers-reduced-motion:reduce){
  .mx302-video-first__frame .mx302-video-el,.mx302-video-first__frame .mx302-video-poster{transition:none!important}
}