/* MXonnowell v0.3.16 — 8 referans sayfa stabilizasyonu: akış, medya, düzenle UX ve responsive sertleştirme. */
:root{--mx316-wrap:1180px;--mx316-copy:780px;--mx316-gap:clamp(14px,2vw,24px)}

/* Genel akış: önceki referans geometrisini bozmadan daha tutarlı dikey ritim. */
.mx302-video-first,.mx302-hero,.mx302-section,.mx302-cta,.mx309-flow{min-width:0;overflow-x:clip}
.mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:min(var(--mx316-wrap),calc(100% - 40px))}
.mx302-section{padding-block:clamp(56px,6vw,84px)}
.mx302-section>.mx-wrap>header,.mx302-section>.mx-wrap>.mx302-heading{max-width:var(--mx316-copy)}
.mx302-section h2,.mx302-section h3,.mx302-hero h1{text-wrap:balance}
.mx302-section p,.mx302-hero p{text-wrap:pretty}

/* Kartların yüksekliği ve medya davranışı bütün sayfalarda öngörülebilir. */
.mx302-feature-grid,.mx302-steps,.mx302-explore-grid,.mx302-story-grid,.mx302-product-grid,.mx302-video-card-grid,.mx302-media-grid{align-items:stretch}
.mx302-feature-card,.mx302-steps article,.mx302-explore-card,.mx302-story-card,.mx302-product-card,.mx302-video-card,.mx302-media-card{display:flex;flex-direction:column;min-width:0}
.mx302-feature-card p,.mx302-steps article p,.mx302-explore-card p,.mx302-story-card p,.mx302-product-card p,.mx302-video-card p{margin-bottom:0}
.mx302-video-card__frame,.mx302-media-card figure{isolation:isolate}
.mx302-video-card__frame img,.mx302-video-card__frame video,.mx302-media-card figure img{display:block}

/* Ana video: gizli cihaz varyantı ağ ve oynatma açısından tamamen pasif kalır. */
.mx302-video-first__frame .mx302-video-el[aria-hidden="true"]{display:none!important}
.mx302-video-first__frame.is-mx316-video-unavailable .mx302-video-el{opacity:0!important;pointer-events:none!important}
.mx302-video-first__frame.is-mx316-video-unavailable .mx302-video-poster{opacity:1!important;visibility:visible!important}

/* Yatay mobil kartlar kontrollü snap; sayfa yatay taşmaz. */
@media (max-width:767px){
  .mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:calc(100% - 24px)}
  .mx302-section{padding-block:44px}
  .mx302-section .mx302-heading,.mx302-section>.mx-wrap>header{max-width:100%}
  .mx302-media-grid,.mx302-video-card-grid,.mx302-story-grid{scroll-snap-type:x proximity;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch}
  .mx302-media-card,.mx302-video-card,.mx302-story-card{scroll-snap-align:start}
  .mx302-media-card{flex-basis:min(66vw,252px)!important}
  .mx302-video-card{flex-basis:min(70vw,270px)!important}
  [data-mx-builder-key="explore-videos"] .mx302-video-card{flex-basis:min(76vw,295px)!important}
  .mx302-btn,.mx302-section a[role="button"],.mx302-faq-grid summary,.mx302-info-faq summary{min-height:44px}
}

/* Tablet: iki sütunlu bileşenlerin sıkışmasını ve taşmasını önle. */
@media (min-width:768px) and (max-width:1100px){
  .mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:calc(100% - 32px)}
  .mx302-section{padding-block:58px}
  .mx302-feature-grid,.mx302-explore-grid{gap:16px}
}

/* Masaüstü header: logo, navigasyon ve araçlar tek satırda güvenli şekilde küçülür. */
@media (min-width:1101px){
  .mx-header__in{min-width:0}
  .mx-brand{min-width:136px}
  .mx-site-nav{flex:1 1 auto;min-width:0}
  .mx-nav-list{min-width:0;white-space:nowrap}
}
@media (min-width:1101px) and (max-width:1365px){
  .mx-brand__logo{max-width:150px!important;max-height:43px!important}
  .mx-nav-list{gap:10px!important}
  .mx-nav-list a{font-size:12px!important;padding-inline:4px!important}
}

/* Ön yüz Düzenle butonu içeriği örtmesin; mobilde dokunma hedefi yeterli olsun. */
.mx109-section-edit{max-width:calc(100% - 16px)}
.mx302-section>.mx109-section-edit,.mx302-hero>.mx109-section-edit,.mx302-video-first>.mx109-section-edit,.mx302-cta>.mx109-section-edit,.mx309-flow>.mx109-section-edit{top:8px!important;right:8px!important}
@media (max-width:767px){.mx109-section-edit{min-height:40px!important;padding-inline:12px!important;font-size:12px!important}}

/* Dar telefon ve kısa yatay ekran koruması. */
@media (max-width:350px){
  .mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:calc(100% - 16px)}
  .mx302-section{padding-block:38px}
  .mx302-media-card{flex-basis:min(68vw,232px)!important}
  .mx302-video-card{flex-basis:min(72vw,246px)!important}
}
@media (max-height:560px) and (orientation:landscape){
  .mx302-section{padding-block:34px}
  .mx302-video-first__frame{max-height:74vh!important}
}

@media (prefers-reduced-motion:reduce){
  .mx302-media-grid,.mx302-video-card-grid,.mx302-story-grid{scroll-behavior:auto!important}
}