/* MXonnowell v0.3.25 — Master prompt devam: gerçek video-frame commit, kart yoğunluğu,
   carousel snap, ürün detay kompaktlığı ve tablet/web hassas QA.
   Mobil menü, mobil header/dock ve Hesabım selector'larına bilinçli olarak dokunmaz. */
:root{--mx325-line:#dfe8e3;--mx325-soft:#f7faf9;--mx325-ink:#0d3268;--mx325-green:#0b7b43;--mx325-video:#06172b}

/* İlk video posteri yalnız gerçekten decode edilmiş video karesi tarayıcıya sunulduktan sonra kalkar. */
.mx302-reference-main .mx302-video-first__frame .mx302-video-poster{opacity:1!important;visibility:visible!important;transition:opacity .08s linear,visibility .08s linear!important}
.mx302-reference-main .mx302-video-first__frame.is-mx325-frame-committed: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:not(.is-mx325-frame-committed) .mx302-video-poster,
.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}

.mx-global-entry-media:not(.is-mx325-entry-painted) .mx-global-entry-media__poster,
.mx-global-entry-media.is-mx325-entry-switching .mx-global-entry-media__poster{opacity:1!important;visibility:visible!important}
.mx-global-entry-media.is-mx325-entry-painted:not(.is-mx325-entry-switching) .mx-global-entry-media__poster{opacity:0!important;visibility:hidden!important}

/* Sayfa içi taşma yalnız bilinçli carousel raylarında olabilir. */
.mx302-reference-main,.mx-catalog-page,.mx90-product-detail{max-width:100%;overflow-x:clip}
.mx302-reference-main .mx302-section,.mx302-reference-main .mx302-hero,.mx302-reference-main .mx302-cta,
.mx302-reference-main .mx302-duo-card,.mx302-reference-main .mx302-split__grid,.mx302-reference-main .mx302-hero__grid,
.mx-catalog-page .mx-public-product-card,.mx90-product-detail .mx90-product-hero{min-width:0}
.mx302-reference-main .mx302-media-grid,.mx302-reference-main .mx302-video-card-grid,.mx302-reference-main .mx302-story-grid{
  scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch
}
.mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-video-card,.mx302-reference-main .mx302-story-card{scroll-snap-align:start;scroll-snap-stop:normal}

/* Kaynak oranını bilen kartlarda gereksiz crop yok. */
.mx302-reference-main .mx302-video-card__frame.is-mx320-portrait img,
.mx302-reference-main .mx302-video-card__frame.is-mx320-portrait video,
.mx302-reference-main .mx302-info-video>div.is-mx320-portrait img,
.mx302-reference-main .mx302-info-video>div.is-mx320-portrait video{object-fit:contain!important;background:var(--mx325-video)!important}
.mx302-reference-main .mx302-video-card__frame.is-mx320-landscape img,
.mx302-reference-main .mx302-video-card__frame.is-mx320-landscape video{object-fit:cover!important}

/* ==================== MOBİL İÇERİK QA — menü/dock hariç ==================== */
@media(max-width:767px){
  .mx302-reference-main .mx302-section{padding-block:30px!important}
  .mx302-reference-main .mx302-section>.mx-wrap,.mx302-reference-main .mx302-hero>.mx-wrap,.mx302-reference-main .mx302-cta>.mx-wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .mx302-reference-main .mx302-heading{margin-bottom:18px!important}
  .mx302-reference-main .mx302-heading h2{font-size:clamp(28px,8.4vw,38px)!important;line-height:1.08!important;text-wrap:balance}
  .mx302-reference-main .mx302-heading p{font-size:15px!important;line-height:1.55!important}

  /* İlk video altındaki hero/split görsellerinin kartı ve fotoğrafı aynı geometriyi kullanır. */
  .mx302-reference-main .mx302-hero__media,.mx302-reference-main .mx302-split__media{aspect-ratio:auto!important;min-height:0!important;max-height:none!important}
  .mx302-reference-main .mx302-hero__media img,.mx302-reference-main .mx302-split__media img{height:auto!important;min-height:0!important;max-height:min(62svh,520px)!important;aspect-ratio:auto!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-landscape img,.mx302-reference-main .mx302-split__media.is-mx320-landscape img{width:100%!important;aspect-ratio:16/10!important;height:auto!important;max-height:none!important;object-fit:cover!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-square img,.mx302-reference-main .mx302-split__media.is-mx320-square img{width:min(100%,520px)!important;aspect-ratio:1/1!important;height:auto!important;margin-inline:auto!important;object-fit:contain!important}
  .mx302-reference-main .mx302-hero__media.is-mx320-portrait img,.mx302-reference-main .mx302-split__media.is-mx320-portrait img{width:min(100%,520px)!important;height:auto!important;max-height:64svh!important;margin-inline:auto!important;object-fit:contain!important}

  /* 4 temel alan ve benzer kartlar içerik kadar yüksek. */
  .mx302-reference-main .mx302-feature-grid,.mx302-reference-main .mx302-explore-grid{gap:9px!important}
  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card,.mx302-reference-main .mx302-steps article{height:auto!important;min-height:0!important;padding:17px 15px!important}
  .mx302-reference-main .mx302-feature-card .mx302-icon,.mx302-reference-main .mx302-explore-card .mx302-icon,.mx302-reference-main .mx302-steps .mx302-icon{width:46px!important;height:46px!important;min-width:46px!important;margin-bottom:9px!important;padding:11px!important}
  .mx302-reference-main .mx302-feature-card h3,.mx302-reference-main .mx302-explore-card h3{margin:2px 0 5px!important;font-size:16px!important;line-height:1.25!important}
  .mx302-reference-main .mx302-feature-card p,.mx302-reference-main .mx302-explore-card p,.mx302-reference-main .mx302-steps article p{max-width:none!important;margin:0!important;font-size:13px!important;line-height:1.45!important}

  /* Hikâye ve video kartları daha dengeli genişlik; kart içi medya gereksiz yüksek değil. */
  .mx302-reference-main .mx302-media-grid,.mx302-reference-main .mx302-story-grid,.mx302-reference-main .mx302-video-card-grid{gap:10px!important;padding:2px 2px 10px!important;scroll-padding-inline:2px!important}
  .mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-story-card{flex:0 0 86%!important;width:86%!important;max-width:86%!important}
  .mx302-reference-main .mx302-video-card{flex:0 0 90%!important;width:90%!important;max-width:90%!important}
  .mx302-reference-main .mx302-media-card figure,.mx302-reference-main .mx302-story-card figure{aspect-ratio:4/3!important;max-height:none!important}
  .mx302-reference-main .mx302-media-card figure img,.mx302-reference-main .mx302-story-card figure img{width:100%!important;height:100%!important;object-fit:cover!important}
  .mx302-reference-main .mx302-video-card__frame:not(.is-mx320-portrait){aspect-ratio:16/9!important;max-height:none!important}
  .mx302-reference-main .mx302-video-card__frame.is-mx320-portrait{width:min(100%,420px)!important;aspect-ratio:9/16!important;max-height:68svh!important;margin-inline:auto!important}
  .mx302-reference-main .mx302-video-card h3{margin:10px 0 5px!important;font-size:16px!important;line-height:1.3!important}
  .mx302-reference-main .mx302-video-card p{margin:0!important;font-size:13px!important;line-height:1.48!important}

  /* Hikâyeler: öne çıkan kartta görsel üstte, metin altta; dar görsel şeridi oluşmaz. */
  .mx302-page--hikayeler .mx307-story-featured__card,.mx302-page--hikayeler .mx307-story-featured__grid{display:grid!important;grid-template-columns:1fr!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__copy{order:2!important;padding:19px 17px 21px!important}

  /* Akademi: üst görsel ve eğitim/video kartlarında beyaz çerçeve kaybı minimum. */
  .mx302-page--apex-akademi [data-mx-builder-key="academy-hero"] .mx302-hero__media,
  .mx302-page--apex-akademi [data-mx-builder-key="academy-featured"] .mx302-media-card figure{padding:0!important;background:#f8fbfa!important}
  .mx302-page--apex-akademi [data-mx-builder-key="academy-featured"] .mx302-media-card figure{aspect-ratio:16/10!important}

  /* Katalog: tek ürün kartı kompakt; uzun poster ve aksiyonlar içeriği gereksiz uzatmaz. */
  .mx-catalog-page .mx-public-product-grid{grid-template-columns:1fr!important;gap:10px!important}
  .mx-catalog-page .mx-public-product-card{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;height:auto!important;min-height:0!important;align-items:stretch!important}
  .mx-catalog-page .mx-public-product-image{width:132px!important;min-height:142px!important;height:100%!important;aspect-ratio:auto!important;border-right:1px solid #edf2ef!important;border-bottom:0!important}
  .mx-catalog-page .mx-public-product-image img{width:100%!important;height:100%!important;max-height:210px!important;padding:5px!important;object-fit:contain!important}
  .mx-catalog-page .mx-public-product-card>div:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:12px 10px!important}
  .mx-catalog-page .mx-public-product-card h3{margin:4px 0!important;font-size:15px!important;line-height:1.25!important;overflow-wrap:anywhere}
  .mx-catalog-page .mx90-catalog-commerce{margin:4px 0 7px!important;padding-top:6px!important}
  .mx-catalog-page .mx52-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding-top:6px!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{min-height:38px!important;padding:5px!important;font-size:10.5px!important;line-height:1.18!important;white-space:normal!important}

  /* Ürün detay: teslimat/destek/değerlendirme ve CTA içerik kadar yüksek. */
  .mx90-product-detail .mx272-service-grid{grid-template-columns:1fr!important;gap:8px!important}
  .mx90-product-detail .mx272-service-card,.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:16px 14px!important}
  .mx90-product-detail .mx293-review-overview{grid-template-columns:1fr!important;gap:9px!important}
  .mx90-product-detail .mx293-review-score-card{grid-template-columns:1fr!important;gap:14px!important}
  .mx90-product-detail .mx293-review-score-main{min-height:0!important;padding:0 0 14px!important;border-right:0!important;border-bottom:1px solid #e5ece8!important}
  .mx90-product-detail .mx293-review-trust-card{gap:11px!important}
  .mx90-product-detail .mx90-final-cta{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:30px!important;padding:20px 16px!important}
  .mx90-product-detail .mx90-final-cta>div:last-child{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .mx90-product-detail .mx90-final-cta .mx-btn{width:100%!important;min-height:44px!important}

  /* Sticky satın alma çubuğu katalog/listede hiçbir koşulda görünmez; ürün detay renderer'ında kalır. */
  .mx-catalog-page .mx90-mobile-buybar,.mx302-reference-main .mx90-mobile-buybar{display:none!important}
}

@media(max-width:374px){
  .mx-catalog-page .mx-public-product-card{grid-template-columns:116px minmax(0,1fr)!important}
  .mx-catalog-page .mx-public-product-image{width:116px!important;min-height:126px!important}
  .mx-catalog-page .mx52-card-actions{grid-template-columns:1fr!important}
  .mx-catalog-page .mx52-card-actions .mx52-card-cart{grid-column:auto!important}
}

/* ==================== TABLET ==================== */
@media(min-width:768px) and (max-width:1023px){
  .mx302-reference-main .mx302-section>.mx-wrap,.mx302-reference-main .mx302-hero>.mx-wrap,.mx302-reference-main .mx302-cta>.mx-wrap{width:min(94%,940px)!important}
  .mx302-reference-main .mx302-hero__grid,.mx302-reference-main .mx302-split__grid{grid-template-columns:minmax(0,46%) minmax(0,54%)!important}
  .mx302-reference-main .mx302-hero__copy,.mx302-reference-main .mx302-split__copy{padding:30px 24px!important}
  .mx302-reference-main .mx302-hero__media,.mx302-reference-main .mx302-split__media{min-height:330px!important;max-height:500px!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;gap:12px!important}
  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card{min-height:0!important;height:auto!important;padding:20px!important}
  .mx302-reference-main .mx302-media-card,.mx302-reference-main .mx302-video-card,.mx302-reference-main .mx302-story-card{flex:0 0 calc(50% - 6px)!important;width:calc(50% - 6px)!important;max-width:calc(50% - 6px)!important}
  .mx-catalog-page .mx-public-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mx-catalog-page .mx-public-product-card{height:100%!important;min-height:0!important}
  .mx90-product-detail .mx272-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .mx90-product-detail .mx293-review-overview{grid-template-columns:1fr!important}
}

/* ==================== LAPTOP / WEB ==================== */
@media(min-width:1024px) and (max-width:1365px){
  .mx302-reference-main .mx302-section>.mx-wrap,.mx302-reference-main .mx302-hero>.mx-wrap,.mx302-reference-main .mx302-cta>.mx-wrap{width:min(1180px,calc(100% - 48px))!important}
  .mx302-reference-main .mx302-hero__grid,.mx302-reference-main .mx302-split__grid{grid-template-columns:minmax(0,44%) minmax(0,56%)!important}
  .mx302-reference-main .mx302-feature-grid.mx302-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!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}
  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card{height:auto!important;min-height:0!important}
  .mx-catalog-page .mx-public-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1366px){
  .mx302-reference-main .mx302-feature-card,.mx302-reference-main .mx302-explore-card{height:auto!important;min-height:0!important}
  .mx302-reference-main .mx302-media-card figure,.mx302-reference-main .mx302-story-card figure{max-height:360px!important}
  .mx302-reference-main .mx302-video-card__frame:not(.is-mx320-portrait){aspect-ratio:16/9!important;max-height:410px!important}
  .mx-catalog-page .mx-public-product-card{height:100%!important}
}

@media(prefers-reduced-motion:reduce){
  .mx302-reference-main .mx302-video-first__frame .mx302-video-poster,.mx-global-entry-media__poster{transition:none!important}
  .mx302-reference-main .mx302-media-grid,.mx302-reference-main .mx302-video-card-grid,.mx302-reference-main .mx302-story-grid{scroll-behavior:auto!important}
}