/* MXonnowell v0.3.10 — 8 ana sayfa referans yerleşim tamamlama ve eksik medya dayanıklılığı. */
:root{--mx310-navy:#0c356f;--mx310-green:#45a914;--mx310-line:#e1e9f1;--mx310-soft:#f8fbfd}

/* Eksik medya bölümün yüksekliğini çökertmez. */
.mx310-media-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
[data-mx-builder-key="products-featured"] .mx310-media-fallback,
[data-mx-builder-key="products-help"] .mx310-media-fallback,
.mx310-products-band .mx310-media-fallback{object-fit:contain;background:#f8fbf7;padding:14px}

/* Bütün referans kartlarında aynı satır içindeki yükseklik dengesi. */
.mx302-feature-grid,.mx302-media-grid,.mx302-video-card-grid,.mx302-explore-grid,.mx302-story-grid,.mx306-role-grid{align-items:stretch}
.mx302-feature-card,.mx302-media-card,.mx302-video-card,.mx302-explore-card,.mx302-story-card,.mx306-role-card{height:100%}
.mx302-media-card,.mx302-video-card,.mx306-role-card{display:flex;flex-direction:column}
.mx302-media-card>p,.mx302-video-card>p,.mx306-role-card>div p{margin-bottom:0}

/* 7 kategorili ONNOWELL referans matrisi. */
[data-mx-builder-key="products-categories"] .mx302-feature-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:11px!important}
[data-mx-builder-key="products-categories"] .mx302-feature-card{min-width:0;padding:17px 10px!important;min-height:148px!important}
[data-mx-builder-key="products-categories"] .mx302-feature-card .mx302-icon{width:48px!important;height:48px!important;padding:12px!important;margin-bottom:11px!important}
[data-mx-builder-key="products-categories"] .mx302-feature-card h3{font-size:12.8px!important;line-height:1.25!important}
[data-mx-builder-key="products-categories"] .mx302-feature-card p{font-size:9.8px!important;line-height:1.45!important}

/* ONNOWELL yatay bilgi bandı — referanstaki ürün bilgi/kimlik bölümünün canlı web karşılığı. */
.mx310-products-band{padding-top:31px!important;padding-bottom:35px!important;background:#fff}
.mx310-products-band__inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;align-items:stretch;border:1px solid #e1eaf0;border-radius:20px;overflow:hidden;background:linear-gradient(105deg,#fbfdff 0%,#f7fbf6 100%);box-shadow:0 10px 28px rgba(22,58,87,.045)}
.mx310-products-band__copy{padding:27px 30px}
.mx310-products-band__copy h2{margin:7px 0 8px;color:var(--mx310-navy);font-size:clamp(23px,2.2vw,31px);line-height:1.13;letter-spacing:-.035em}
.mx310-products-band__copy>p{max-width:700px;margin:0;color:#607086;font-size:12.5px;line-height:1.58}
.mx310-products-band__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:18px}
.mx310-products-band__facts article{display:flex;align-items:flex-start;gap:9px;min-width:0}
.mx310-products-band__facts i{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:#eef8e9;color:#3d981b}
.mx310-products-band__facts i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx310-products-band__facts strong,.mx310-products-band__facts small{display:block}
.mx310-products-band__facts strong{color:#244e30;font-size:10.8px;line-height:1.25}
.mx310-products-band__facts small{margin-top:2px;color:#75847d;font-size:9.2px;line-height:1.36}
.mx310-products-band__inner>figure{min-height:230px;margin:0;background:#f7fbf6}
.mx310-products-band__inner>figure img{width:100%;height:100%;object-fit:contain;padding:18px}

/* Omurgalardaki satır sayısını koru; içerik az olsa bile bölüm kaybolmaz. */
[data-mx-builder-key="home-stories"] .mx302-media-grid,
[data-mx-builder-key="apex-discover"] .mx302-video-card-grid,
[data-mx-builder-key="how-power"] .mx302-media-grid,
[data-mx-builder-key="academy-featured"] .mx302-media-grid,
[data-mx-builder-key="academy-videos"] .mx302-video-card-grid,
[data-mx-builder-key="stories-videos"] .mx302-video-card-grid,
[data-mx-builder-key="explore-videos"] .mx302-video-card-grid{min-height:1px}

/* Ana referans bölümlerinde masaüstü kapsayıcı genişliğini tutarlı hale getir. */
[data-mx-builder-key="home-two-worlds"] .mx-wrap,
[data-mx-builder-key="apex-mentoring"] .mx-wrap,
[data-mx-builder-key="how-plan"] .mx-wrap,
[data-mx-builder-key="academy-featured"] .mx-wrap,
[data-mx-builder-key="products-featured"] .mx-wrap,
[data-mx-builder-key="stories-featured"] .mx-wrap,
[data-mx-builder-key="join-mentor"] .mx-wrap{width:min(1180px,calc(100% - 40px))}

/* CTA / 360 akış / footer öncesi ritim: sayfa sonlarında gereksiz büyük beyaz boşluk bırakma. */
.mx309-flow+.mx302-cta{margin-top:0}
.mx302-cta{border-top:0}

@media(max-width:1180px){
  [data-mx-builder-key="products-categories"] .mx302-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  [data-mx-builder-key="products-categories"] .mx302-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mx310-products-band__inner{grid-template-columns:1.25fr .75fr}
  .mx310-products-band__copy{padding:24px}
  .mx310-products-band__facts{grid-template-columns:1fr}
}
@media(max-width:767px){
  [data-mx-builder-key="products-categories"] .mx302-feature-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-mx-builder-key="products-categories"] .mx302-feature-card{min-height:0!important;padding:15px 11px!important}
  .mx310-products-band{padding-top:24px!important;padding-bottom:26px!important}
  .mx310-products-band__inner{grid-template-columns:1fr;border-radius:16px}
  .mx310-products-band__copy{padding:21px 17px 8px}
  .mx310-products-band__copy h2{font-size:24px}
  .mx310-products-band__facts{grid-template-columns:1fr 1fr;gap:10px}
  .mx310-products-band__inner>figure{min-height:190px}
  [data-mx-builder-key="home-two-worlds"] .mx-wrap,
  [data-mx-builder-key="apex-mentoring"] .mx-wrap,
  [data-mx-builder-key="how-plan"] .mx-wrap,
  [data-mx-builder-key="academy-featured"] .mx-wrap,
  [data-mx-builder-key="products-featured"] .mx-wrap,
  [data-mx-builder-key="stories-featured"] .mx-wrap,
  [data-mx-builder-key="join-mentor"] .mx-wrap{width:min(100% - 24px,1180px)}
}
@media(max-width:480px){
  [data-mx-builder-key="products-categories"] .mx302-feature-grid{grid-template-columns:1fr!important}
  .mx310-products-band__facts{grid-template-columns:1fr}
}