/* MXonnowell v0.3.24 — Master prompt kalan maddeler: medya kararlılığı, sayfa içi responsive geometri,
   hikâye/akademi/ürün yoğunluğu ve taşma QA. Mobil menü, mobil dock ve Hesabım düzenine müdahale ETMEZ. */
:root{
  --mx324-gutter-xs:8px;
  --mx324-gutter-sm:12px;
  --mx324-gutter-md:18px;
  --mx324-line:#dfe9e5;
  --mx324-ink:#0d3268;
  --mx324-green:#0b7b43;
  --mx324-video:#06172b;
}

/* Referans sayfaları ve ürün yüzeyleri dışında global geometriye dokunma. */
.mx302-reference-main,.mx-catalog-page,.mx90-product-detail{max-width:100%;overflow-x:clip}
.mx302-reference-main img,.mx302-reference-main video,.mx-catalog-page img,.mx90-product-detail img,.mx90-product-detail video{max-width:100%}

/* İlk video: poster yalnız gerçek bir video karesi iki animation frame boyunca çizildikten sonra kalkar.
   canplay/loadeddata tek başına poster kaldırmaz; waiting/stalled sırasında poster tekrar parlamaz. */
.mx302-reference-main .mx302-video-first__frame:not(.is-mx324-frame-painted) .mx302-video-poster{
  opacity:1!important;visibility:visible!important
}
.mx302-reference-main .mx302-video-first__frame.is-mx324-frame-painted:not(.is-mx312-switching):not(.is-mx316-video-unavailable) .mx302-video-poster{
  opacity:0!important;visibility:hidden!important
}
.mx302-reference-main .mx302-video-first__frame.is-mx312-switching .mx302-video-poster,
.mx302-reference-main .mx302-video-first__frame.is-mx316-video-unavailable .mx302-video-poster{
  opacity:1!important;visibility:visible!important
}
.mx302-reference-main .mx302-video-first__frame .mx302-video-el{
  will-change:auto!important;transform:translateZ(0);backface-visibility:hidden
}

/* Görsel kaynağın gerçek oranı biliniyorsa kör crop yerine yön bazlı davran. */
.mx302-reference-main .mx302-hero__media.is-mx320-portrait img,
.mx302-reference-main .mx302-split__media.is-mx320-portrait img,
.mx302-reference-main .mx302-hero__media.is-mx320-square img,
.mx302-reference-main .mx302-split__media.is-mx320-square img{
  object-fit:contain!important;background:#f8fbfa!important
}
.mx302-reference-main .mx302-hero__media.is-mx320-landscape img,
.mx302-reference-main .mx302-split__media.is-mx320-landscape img{object-fit:cover!important}
.mx302-page--onnowell-urunleri [data-mx-builder-key="products-featured"] .mx302-split__media img{object-fit:contain!important;background:#fff!important}

/* Bilinçli yatay kaydırma yalnız kart raylarında kalır. */
.mx302-reference-main .mx302-media-grid,
.mx302-reference-main .mx302-video-card-grid,
.mx302-reference-main .mx302-story-grid,
.mx302-reference-main .mx309-flow__rail{overscroll-behavior-inline:contain;scrollbar-width:thin}
.mx302-reference-main .mx302-media-card,
.mx302-reference-main .mx302-video-card,
.mx302-reference-main .mx302-story-card{min-width:0}

/* ========== 320–374: dar telefon ========== */
@media(max-width:374px){
  .mx302-reference-main .mx302-video-first{padding:4px 0 10px!important}
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:calc(100% - (var(--mx324-gutter-xs)*2))!important}
  .mx302-reference-main .mx302-video-first__frame{border-radius:14px!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-landscape{aspect-ratio:16/9!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{aspect-ratio:1/1!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{aspect-ratio:9/16!important;max-height:calc(100svh - 86px)!important}

  .mx302-reference-main .mx302-section{padding:28px 0!important}
  .mx302-reference-main .mx302-heading h2{font-size:clamp(27px,8.5vw,34px)!important}
  .mx302-reference-main .mx302-hero h1{font-size:clamp(34px,10.3vw,42px)!important;overflow-wrap:normal!important;word-break:normal!important}
  .mx302-reference-main .mx302-hero__copy,.mx302-reference-main .mx302-split__copy{padding:19px 15px 21px!important}
  .mx302-reference-main .mx302-hero__media img,.mx302-reference-main .mx302-split__media img{height:clamp(230px,72vw,330px)!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-portrait img,.mx302-reference-main .mx302-split__media.is-mx320-portrait img{height:auto!important;max-height:62svh!important}

  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card,.mx302-reference-main .mx302-steps article{padding:16px 14px!important}
  .mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-story-card{flex-basis:88%!important;width:88%!important;max-width:88%!important}
  .mx302-reference-main .mx302-video-card{flex-basis:92%!important;width:92%!important;max-width:92%!important}

  .mx-catalog-page .mx-public-product-card,.mx302-reference-main .mx302-product-card{grid-template-columns:112px minmax(0,1fr)!important}
  .mx-catalog-page .mx-public-product-image,.mx302-reference-main .mx302-product-card__media{min-height:126px!important}
  .mx-catalog-page .mx52-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx-catalog-page .mx52-card-actions .mx52-card-cart{grid-column:1/-1!important}
  .mx-catalog-page .mx52-card-actions button,.mx-catalog-page .mx52-card-actions a{white-space:normal!important;overflow-wrap:anywhere!important}
}

/* ========== 375–479: standart telefon ========== */
@media(min-width:375px) and (max-width:479px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:calc(100% - (var(--mx324-gutter-sm)*2))!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{aspect-ratio:9/16!important;max-height:calc(100svh - 90px)!important}
  .mx302-reference-main .mx302-hero__media img,.mx302-reference-main .mx302-split__media img{height:clamp(250px,70vw,390px)!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-portrait img,.mx302-reference-main .mx302-split__media.is-mx320-portrait img{height:auto!important;max-height:64svh!important}
}

/* ========== 480–767: geniş telefon ========== */
@media(min-width:480px) and (max-width:767px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:calc(100% - (var(--mx324-gutter-md)*2))!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{width:min(100%,520px)!important;aspect-ratio:9/16!important;margin-inline:auto!important;max-height:calc(100svh - 96px)!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{width:min(100%,560px)!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-hero__media img,.mx302-reference-main .mx302-split__media img{height:clamp(300px,62vw,460px)!important}
  .mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-story-card{flex-basis:82%!important;width:82%!important;max-width:82%!important}
  .mx302-reference-main .mx302-video-card{flex-basis:86%!important;width:86%!important;max-width:86%!important}
}

/* Ortak mobil sayfa içi yoğunluk — menü/dock selector'ı içermez. */
@media(max-width:767px){
  .mx302-reference-main .mx302-feature-grid,.mx302-reference-main .mx302-explore-grid{grid-template-columns:1fr!important}
  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card{height:auto!important;min-height:0!important}
  .mx302-reference-main .mx302-feature-card p,.mx302-reference-main .mx302-explore-card p{max-width:none!important}

  /* Hikâyeler: öne çıkan içerikte görsel şerit değil, tam üst medya. */
  .mx302-page--hikayeler .mx307-story-featured__card{display:grid!important;grid-template-columns:1fr!important;overflow:hidden!important}
  .mx302-page--hikayeler .mx307-story-featured__media{order:1!important;width:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important}
  .mx302-page--hikayeler .mx307-story-featured__media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}
  .mx302-page--hikayeler .mx307-story-featured__copy{order:2!important;padding:20px 18px 22px!important}
  .mx302-page--hikayeler .mx302-story-card figure{aspect-ratio:4/3!important;max-height:none!important}

  /* Akademi: üst ve eğitim görselleri kartı gerçekten doldurur; video dersler 16:9. */
  .mx302-page--apex-akademi [data-mx-builder-key="academy-hero"] .mx302-hero__media{background:#f7fbfa!important}
  .mx302-page--apex-akademi [data-mx-builder-key="academy-featured"] .mx302-media-card figure{aspect-ratio:16/10!important;max-height:none!important}
  .mx302-page--apex-akademi [data-mx-builder-key="academy-videos"] .mx302-video-card__frame:not(.is-mx320-portrait){aspect-ratio:16/9!important}

  /* ONNOWELL üst afiş ve ürün posterleri: gereksiz beyaz marjı azalt. */
  .mx302-page--onnowell-urunleri [data-mx-builder-key="products-featured"] .mx302-split__media{padding:0!important}
  .mx302-page--onnowell-urunleri [data-mx-builder-key="products-featured"] .mx302-split__media img{width:100%!important;height:auto!important;max-height:72svh!important;padding:4px!important}

  /* Katalog kartı: 1 ürün = 1 kart, medya 120–150px bandında. */
  .mx-catalog-page .mx-public-product-grid{grid-template-columns:1fr!important;gap:11px!important}
  .mx-catalog-page .mx-public-product-card{display:grid!important;grid-template-columns:minmax(120px,36%) minmax(0,1fr)!important;height:auto!important;min-height:0!important}
  .mx-catalog-page .mx-public-product-image{height:100%!important;min-height:138px!important;border-bottom:0!important;border-right:1px solid #edf2ef!important}
  .mx-catalog-page .mx-public-product-image img{width:100%!important;height:100%!important;max-height:220px!important;object-fit:contain!important;padding:6px!important}
  .mx-catalog-page .mx-public-product-card>div:last-child{padding:13px 11px!important;min-width:0!important}
  .mx-catalog-page .mx90-catalog-commerce{margin-top:5px!important}
  .mx-catalog-page .mx52-card-actions{gap:6px!important}
  .mx-catalog-page .mx52-card-actions button,.mx-catalog-page .mx52-card-actions a{min-width:0!important;max-width:100%!important;min-height:40px!important}

  /* Ürün detay: hizmet ve değerlendirme kartları içerik kadar yüksek. */
  .mx90-product-detail .mx272-service-grid{grid-template-columns:1fr!important;gap:9px!important}
  .mx90-product-detail .mx272-service-card,.mx90-product-detail .mx277-review-note,.mx90-product-detail .mx293-review-note,.mx90-product-detail .mx293-review-trust-card,.mx90-product-detail .mx293-review-score-card{height:auto!important;min-height:0!important;padding:18px 16px!important}
  .mx90-product-detail .mx272-service-card span,.mx90-product-detail .mx272-service-card h3{margin:0 0 7px!important}
  .mx90-product-detail .mx272-service-card p,.mx90-product-detail .mx293-review-note span,.mx90-product-detail .mx293-review-trust-card p{margin:0!important;max-width:none!important}
  .mx90-product-detail .mx293-review-trust-card{align-items:flex-start!important;gap:12px!important}
  .mx90-product-detail .mx293-review-note a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin-top:12px!important;padding:0 14px!important;border:1px solid #b9d8c6!important;border-radius:11px!important;text-decoration:none!important;font-weight:700!important}
  .mx90-product-detail .mx90-final-cta{height:auto!important;min-height:0!important;padding:22px 18px!important;background:#075b72!important;color:#fff!important}
  .mx90-product-detail .mx90-final-cta h2,.mx90-product-detail .mx90-final-cta p,.mx90-product-detail .mx90-final-cta span{color:#fff!important}
  .mx90-product-detail .mx90-final-cta .mx-btn{min-height:44px!important}
}

/* ========== 768–1023: tablet ========== */
@media(min-width:768px) and (max-width:1023px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:calc(100% - 44px)!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-landscape{width:100%!important;aspect-ratio:16/9!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{width:min(76vw,650px)!important;aspect-ratio:1/1!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{width:min(68vw,590px)!important;aspect-ratio:9/16!important;max-height:82svh!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-hero__grid,.mx302-reference-main .mx302-split__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .mx302-reference-main .mx302-feature-grid.mx302-cols-4,.mx302-reference-main .mx302-feature-grid.mx302-cols-5,.mx302-reference-main .mx302-feature-grid.mx302-cols-6,.mx302-reference-main .mx302-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-video-card,.mx302-reference-main .mx302-story-card{flex:0 0 calc(50% - 7px)!important;width:calc(50% - 7px)!important;max-width:calc(50% - 7px)!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-portrait img,.mx302-reference-main .mx302-split__media.is-mx320-portrait img{height:auto!important;max-height:560px!important}
  .mx-catalog-page .mx-public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mx90-product-detail .mx272-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ========== 1024–1365: laptop / küçük web ========== */
@media(min-width:1024px) and (max-width:1365px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:min(1180px,calc(100% - 48px))!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-landscape{width:100%!important;aspect-ratio:16/9!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{width:min(62vw,720px)!important;aspect-ratio:1/1!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{width:min(43vw,540px)!important;aspect-ratio:9/16!important;max-height:78svh!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-hero__media,.mx302-reference-main .mx302-split__media{min-height:360px!important;max-height:560px!important}
  .mx302-reference-main .mx302-feature-grid.mx302-cols-5,.mx302-reference-main .mx302-feature-grid.mx302-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ========== 1366–1919: standart web ========== */
@media(min-width:1366px) and (max-width:1919px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:min(1280px,calc(100% - 56px))!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-landscape{width:100%!important;aspect-ratio:16/9!important;max-height:720px!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{width:min(48vw,760px)!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{width:min(34vw,560px)!important;max-height:78svh!important;margin-inline:auto!important}
}

/* ========== 1920+: geniş web ========== */
@media(min-width:1920px){
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:min(1440px,calc(100% - 80px))!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-landscape{width:100%!important;aspect-ratio:16/9!important;max-height:810px!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-square{width:min(720px,38vw)!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-first__frame.is-mx323-portrait{width:min(560px,29vw)!important;max-height:80svh!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-section>.mx-wrap,.mx302-reference-main .mx302-hero>.mx-wrap,.mx302-reference-main .mx302-cta>.mx-wrap{width:min(1280px,calc(100% - 80px))!important}
}

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

/* v0.3.24 — Gerçek global ilk video: eski tek-video runtime'ının siyah/boş ilk kare parlamasını kapatır.
   Poster kaynak değişiminde alanı örter ve yalnız gerçek video karesi çizildikten sonra kalkar. */
.mx-global-entry-media__frame{isolation:isolate!important}
.mx-global-entry-media__video{position:relative!important;z-index:1!important}
.mx-global-entry-media__poster{position:absolute;inset:0;width:100%;height:100%;z-index:2;object-fit:contain;object-position:center;background:#06172b;opacity:1;visibility:visible;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}
.mx-global-entry-media__poster--mobile{display:none}
.mx-global-entry-media__loading{z-index:3!important}
.mx-global-entry-media.is-mx324-entry-painted:not(.is-mx324-entry-switching) .mx-global-entry-media__poster{opacity:0;visibility:hidden}
.mx-global-entry-media.is-mx324-entry-switching .mx-global-entry-media__poster,.mx-global-entry-media:not(.is-mx324-entry-painted) .mx-global-entry-media__poster{opacity:1;visibility:visible}

/* Mobilde ilk videolar gerçek ekran genişliğini kullanır. Mobil menü/header selector'larına dokunulmaz. */
@media(max-width:767px){
  .mx-global-entry-media{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:#06172b!important}
  .mx-global-entry-media__frame{width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:9/16!important;margin:0!important;border-radius:0!important;background:#06172b!important}
  .mx-global-entry-media__video,.mx-global-entry-media__poster{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .mx-global-entry-media__poster--web{display:none!important}.mx-global-entry-media__poster--mobile{display:block!important}
  .mx302-reference-main .mx302-video-first{padding-inline:0!important}
  .mx302-reference-main .mx302-video-first>.mx-wrap{width:100%!important;max-width:none!important;padding-inline:0!important}
  .mx302-reference-main .mx302-video-first__frame{width:100%!important;max-width:none!important;margin-inline:0!important}
}

/* Tablet dikey ve yatay ayrı geometri: masaüstünün küçültülmüş hali değildir. */
@media(min-width:768px) and (max-width:1023px) and (orientation:portrait){
  .mx-global-entry-media{width:100%!important;background:#06172b!important}
  .mx-global-entry-media__frame{width:100%!important;max-width:none!important;aspect-ratio:4/5!important;max-height:82svh!important;background:#06172b!important}
  .mx-global-entry-media__video,.mx-global-entry-media__poster{object-fit:contain!important}
  .mx-global-entry-media__poster--web{display:none!important}.mx-global-entry-media__poster--mobile{display:block!important}
}
@media(min-width:768px) and (max-width:1023px) and (orientation:landscape){
  .mx-global-entry-media__frame{width:100%!important;max-width:none!important;aspect-ratio:16/9!important;max-height:calc(100svh - 74px)!important}
  .mx-global-entry-media__video,.mx-global-entry-media__poster{object-fit:contain!important}
}
@media(min-width:1024px){
  .mx-global-entry-media__frame{width:100%!important;max-width:1440px!important;aspect-ratio:16/9!important}
  .mx-global-entry-media__video,.mx-global-entry-media__poster{object-fit:contain!important;object-position:center!important}
}
@media(prefers-reduced-motion:reduce){.mx-global-entry-media__poster{transition:none!important}}
@media(max-width:767px){
  .mx-global-entry-media.is-mx324-entry-landscape .mx-global-entry-media__frame{aspect-ratio:16/9!important;max-height:none!important}
  .mx-global-entry-media.is-mx324-entry-square .mx-global-entry-media__frame{aspect-ratio:1/1!important;max-height:none!important}
}
@media(min-width:768px) and (max-width:1023px) and (orientation:portrait){
  .mx-global-entry-media.is-mx324-entry-landscape .mx-global-entry-media__frame{aspect-ratio:16/9!important;max-height:none!important}
  .mx-global-entry-media.is-mx324-entry-square .mx-global-entry-media__frame{aspect-ratio:1/1!important;max-height:78svh!important}
}
/* Katalog/listede ürün-detay sticky satın alma barı yanlışlıkla render edilirse görünmez; ürün detay sayfası etkilenmez. */
@media(max-width:820px){.mx-catalog-page .mx90-mobile-buybar{display:none!important}}