/* MXonnowell v0.3.11 — 8 ana sayfa 360° referans geometri / medya standardı / responsive sonlandırma. */
:root{--mx311-wrap:1180px;--mx311-media-wrap:1040px;--mx311-video-wrap:980px;--mx311-radius:16px;--mx311-line:#e1e9f1;--mx311-navy:#0c356f;--mx311-green:#43a914}

/* Referans sayfalarda kapsayıcı ritmi: geniş ekranda gereksiz yayılma yok. */
.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:min(var(--mx311-wrap),calc(100% - 40px))}
.mx302-heading{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.mx302-heading p{max-width:690px;margin-left:auto!important;margin-right:auto!important}

/* Video altında kullanılan görsel/video vitrinleri standart ve daha kompakt. */
.mx302-media-grid{width:min(100%,var(--mx311-media-wrap));margin-left:auto;margin-right:auto}
.mx302-video-card-grid{width:min(100%,var(--mx311-video-wrap));margin-left:auto;margin-right:auto}
.mx302-media-card figure,.mx302-video-card__frame{aspect-ratio:16/9!important}
.mx302-media-card figure img,.mx302-video-card__frame img,.mx302-video-card__frame video{object-position:center center}
.mx302-media-card,.mx302-video-card{min-width:0}
.mx302-media-card h3,.mx302-video-card h3{line-height:1.3}

/* Portre/hikâye/lider alanları kendi referans oranını korur; 16:9 zorlamasına girmez. */
[data-mx-builder-key="stories-list"] .mx302-story-card figure{aspect-ratio:1.42/1!important}
.mx306-role-card figure{aspect-ratio:1.33/1!important}
.mx307-story-featured__media{aspect-ratio:auto!important}

/* Sayfa bazlı bölüm genişliği ve yükseklik dengesi. */
[data-mx-builder-key="home-two-worlds"] .mx302-duo-grid,
[data-mx-builder-key="home-benefits"] .mx302-feature-grid,
[data-mx-builder-key="home-how"] .mx302-steps,
[data-mx-builder-key="apex-pillars"] .mx302-feature-grid,
[data-mx-builder-key="apex-culture"] .mx302-feature-grid,
[data-mx-builder-key="how-six-steps"] .mx302-steps,
[data-mx-builder-key="how-responsibility"] .mx302-feature-grid,
[data-mx-builder-key="academy-categories"] .mx302-feature-grid,
[data-mx-builder-key="academy-journey"] .mx302-steps,
[data-mx-builder-key="academy-achievements"] .mx302-feature-grid,
[data-mx-builder-key="stories-journey"] .mx302-steps,
[data-mx-builder-key="explore-grid"] .mx302-explore-grid,
[data-mx-builder-key="explore-journey"] .mx302-steps,
[data-mx-builder-key="join-steps"] .mx302-steps{width:min(100%,1120px);margin-left:auto;margin-right:auto}

/* Ana sayfadaki üç deneyim kartı referanstaki yatay küçük vitrin formunda. */
[data-mx-builder-key="home-stories"] .mx302-media-grid{max-width:980px}
[data-mx-builder-key="home-stories"] .mx302-media-card figure{aspect-ratio:16/9!important}
[data-mx-builder-key="home-stories"] .mx302-media-card h3{font-size:14px!important}
[data-mx-builder-key="home-stories"] .mx302-media-card p{font-size:10.8px!important}

/* Nasıl Çalışır: gerçek anahtar 'how-responsibility'; önceki çoğul seçici hatasını kapatır. */
[data-mx-builder-key="how-responsibility"]{padding-top:35px!important;padding-bottom:36px!important}
[data-mx-builder-key="how-responsibility"] .mx302-feature-card{min-height:142px!important;padding:18px 13px!important}
[data-mx-builder-key="how-responsibility"] .mx302-feature-card .mx302-icon{width:48px!important;height:48px!important;padding:12px!important}

/* Akademi: katkı alanı referanstaki yatay bilgi satırına yaklaşır. */
[data-mx-builder-key="academy-achievements"] .mx302-feature-grid{gap:10px!important}
[data-mx-builder-key="academy-achievements"] .mx302-feature-card{min-height:118px!important;padding:15px 12px!important;box-shadow:none!important}
[data-mx-builder-key="academy-achievements"] .mx302-feature-card .mx302-icon{width:44px!important;height:44px!important;padding:11px!important;margin-bottom:9px!important}
[data-mx-builder-key="academy-achievements"] .mx302-feature-card h3{font-size:13px!important}
[data-mx-builder-key="academy-achievements"] .mx302-feature-card p{font-size:10px!important}

/* ONNOWELL: ürün kartları eş yükseklik, ambalajlar kesilmez. */
[data-mx-builder-key="products-grid"] .mx302-product-grid{align-items:stretch}
[data-mx-builder-key="products-grid"] .mx302-product-card{height:100%;display:flex;flex-direction:column}
[data-mx-builder-key="products-grid"] .mx302-product-card figure{aspect-ratio:1/1;background:#fff}
[data-mx-builder-key="products-grid"] .mx302-product-card figure img{object-fit:contain!important;padding:10px}
[data-mx-builder-key="products-grid"] .mx302-product-card .mx302-product-actions{margin-top:auto}

/* Hikâyeler: video/güven bandı gereksiz büyük bloklara dönüşmez. */
[data-mx-builder-key="stories-videos"] .mx302-video-card-grid{max-width:980px}
.mx306-story-strip__grid{width:min(100%,1060px);margin:0 auto;gap:10px!important}
.mx306-story-strip__grid article{min-height:76px!important;padding:12px 14px!important}

/* Keşfet: final CTA sonrası referanstaki yeşil güven şeridi gibi kompakt görünüm. */
[data-mx-builder-key="explore-trust"]{padding:0!important;border-bottom:0!important;background:#429a17!important;color:#fff}
[data-mx-builder-key="explore-trust"] .mx-wrap{width:min(1180px,calc(100% - 40px))}
[data-mx-builder-key="explore-trust"] .mx302-heading{display:none!important}
[data-mx-builder-key="explore-trust"] .mx302-feature-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;width:100%;max-width:none;margin:0}
[data-mx-builder-key="explore-trust"] .mx302-feature-card{min-height:70px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:11px 15px!important;color:#fff;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left}
[data-mx-builder-key="explore-trust"] .mx302-feature-card+.mx302-feature-card{border-left:1px solid rgba(255,255,255,.28)!important}
[data-mx-builder-key="explore-trust"] .mx302-feature-card .mx302-icon{grid-row:1/3;width:29px!important;height:29px!important;padding:5px!important;margin:0 8px 0 0!important;background:transparent!important;color:#fff!important}
[data-mx-builder-key="explore-trust"] .mx302-feature-card h3{margin:0!important;color:#fff!important;font-size:11px!important;line-height:1.2!important}
[data-mx-builder-key="explore-trust"] .mx302-feature-card p{margin:2px 0 0!important;color:rgba(255,255,255,.84)!important;font-size:8.5px!important;line-height:1.25!important}

/* Katılım bilgi alanı: üç kartın boyu/başlangıç çizgisi aynı. */
[data-mx-builder-key="join-learn"] .mx302-join-info-grid{align-items:stretch}
[data-mx-builder-key="join-learn"] .mx302-join-info-grid>article{height:100%;min-height:300px}
[data-mx-builder-key="join-learn"] .mx302-info-video>div{aspect-ratio:16/9!important;max-height:230px}

/* Ekosistem şeridi içerik önüne geçmez; sayfa sonu akışında kompakt kalır. */
.mx309-flow.is-compact{padding-top:18px!important;padding-bottom:18px!important}
.mx309-flow.is-expanded{padding-top:22px!important;padding-bottom:22px!important}
.mx309-flow+.mx302-cta{margin-top:0!important}

/* 1280+ ekranlarda bölüm yüksekliği görsele göre uzamasın. */
@media(min-width:1280px){
  .mx302-video-card-grid{grid-auto-rows:1fr}
  .mx302-media-grid{grid-auto-rows:1fr}
  [data-mx-builder-key="academy-featured"] .mx302-media-grid{max-width:1060px}
  [data-mx-builder-key="how-power"] .mx302-media-grid{max-width:1000px}
  [data-mx-builder-key="apex-discover"] .mx302-video-card-grid{max-width:960px}
  [data-mx-builder-key="products-videos"] .mx302-video-card-grid{max-width:960px}
  [data-mx-builder-key="explore-videos"] .mx302-video-card-grid{max-width:960px}
}

@media(max-width:1100px){
  .mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:min(100% - 32px,var(--mx311-wrap))}
  [data-mx-builder-key="explore-trust"] .mx302-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-mx-builder-key="explore-trust"] .mx302-feature-card:nth-child(4){border-left:0!important}
}

@media(max-width:767px){
  .mx302-section>.mx-wrap,.mx302-cta>.mx-wrap,.mx309-flow>.mx-wrap{width:min(100% - 24px,var(--mx311-wrap))}
  .mx302-media-grid,.mx302-video-card-grid{width:100%}
  .mx302-media-card,.mx302-video-card{flex-basis:min(82vw,330px)!important}
  .mx302-media-card figure,.mx302-video-card__frame{aspect-ratio:16/9!important}
  [data-mx-builder-key="join-learn"] .mx302-join-info-grid>article{min-height:0}
  [data-mx-builder-key="join-learn"] .mx302-info-video>div{max-height:none}
  [data-mx-builder-key="explore-trust"] .mx-wrap{width:100%!important}
  [data-mx-builder-key="explore-trust"] .mx302-feature-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}
  [data-mx-builder-key="explore-trust"] .mx302-feature-card{flex:0 0 58vw;min-height:66px!important;scroll-snap-align:start;border-left:1px solid rgba(255,255,255,.28)!important}
  [data-mx-builder-key="explore-trust"] .mx302-feature-card:first-child{border-left:0!important}
}

@media(max-width:480px){
  .mx302-media-card,.mx302-video-card{flex-basis:min(86vw,315px)!important}
  [data-mx-builder-key="academy-achievements"] .mx302-feature-grid{grid-template-columns:1fr 1fr!important}
  [data-mx-builder-key="academy-achievements"] .mx302-feature-card{min-height:110px!important}
  [data-mx-builder-key="explore-trust"] .mx302-feature-card{flex-basis:72vw}
}