/* MXonnowell v0.3.08 — 8 onaylı sayfa omurgası için ince referans sadakati.
   Amaç: ilgili medyayı doğru bölümde tutmak, dikey ritmi sıkılaştırmak,
   masaüstü/tablet/mobilde ekran görüntüsü referanslarının oranlarına yaklaşmak.
   Önceki Düzenle/Kaydet sistemi veya canlı ürün verisi değiştirilmez. */

:root{
  --mx308-navy:#0c2f69;
  --mx308-text:#506078;
  --mx308-muted:#708095;
  --mx308-line:#e1e9f1;
  --mx308-soft:#f7fafc;
}

/* Sayfa videosu varlığını koru; fakat referans sayfa tasarımını aşağı itmeyecek kadar sinematik tut. */
.mx302-video-first{padding:10px 0 14px!important}
.mx302-video-first__frame{aspect-ratio:2.12/1!important;border-radius:18px!important}
.mx302-video-first__badge{display:none!important}

/* Global referans ritmi. */
.mx302-section{padding:46px 0!important}
.mx302-heading{margin-bottom:24px!important}
.mx302-heading h2{font-size:clamp(25px,2.55vw,35px)!important;line-height:1.12!important}
.mx302-heading p{margin-top:8px!important;font-size:13px!important;line-height:1.58!important}
.mx302-feature-grid,.mx302-media-grid,.mx302-video-card-grid{gap:15px!important}
.mx302-feature-card{padding:21px 17px!important;border-radius:16px!important}
.mx302-feature-card .mx302-icon{width:56px!important;height:56px!important;margin-bottom:14px!important;padding:14px!important}
.mx302-feature-card h3{font-size:15.5px!important}
.mx302-feature-card p{margin-top:7px!important;font-size:11.4px!important;line-height:1.52!important}

/* Hero: masaüstü referans oranını koru, gereksiz yüksekliği azalt. */
.mx302-hero__grid{min-height:365px!important}
.mx302-hero__copy{padding-top:38px!important;padding-bottom:38px!important}
.mx302-hero__media{min-height:365px!important;border-radius:0 0 0 44px!important}
.mx302-hero__copy>p{margin-top:15px!important;font-size:15px!important;line-height:1.58!important}
.mx302-hero__badges{margin-top:18px!important;gap:10px!important}
.mx302-actions{margin-top:22px!important}
.mx302-btn{min-height:40px!important;padding:8px 17px!important;font-size:11.5px!important}

[data-mx-builder-key="home-hero"] h1{font-size:clamp(46px,4.2vw,60px)!important}
[data-mx-builder-key="apex-hero"] h1,
[data-mx-builder-key="how-hero"] h1,
[data-mx-builder-key="academy-hero"] h1,
[data-mx-builder-key="products-hero"] h1,
[data-mx-builder-key="stories-hero"] h1,
[data-mx-builder-key="explore-hero"] h1,
[data-mx-builder-key="join-hero"] h1{font-size:clamp(42px,3.75vw,54px)!important}

/* Referans kadrajları. */
[data-mx-builder-key="home-hero"] .mx302-hero__media img{object-position:center 43%!important}
[data-mx-builder-key="apex-hero"] .mx302-hero__media img{object-position:center 42%!important}
[data-mx-builder-key="how-hero"] .mx302-hero__media img{object-position:center 43%!important}
[data-mx-builder-key="academy-hero"] .mx302-hero__media img{object-position:center 46%!important}
[data-mx-builder-key="stories-hero"] .mx302-hero__media img{object-position:center 28%!important}
[data-mx-builder-key="explore-hero"] .mx302-hero__media img{object-position:center 42%!important}
[data-mx-builder-key="join-hero"] .mx302-hero__media img{object-position:center 49%!important}

/* Ana sayfa — 2 ana alan + kazanımlar + süreç + akademi + içerikler. */
[data-mx-builder-key="home-two-worlds"]{padding-top:34px!important;padding-bottom:36px!important}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card{min-height:285px!important}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card>div{padding:24px 22px!important}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card h2{font-size:23px!important}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card p,
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card ul{font-size:11.2px!important}
[data-mx-builder-key="home-benefits"]{padding-top:38px!important;padding-bottom:36px!important}
[data-mx-builder-key="home-benefits"] .mx302-feature-card{min-height:150px!important}
[data-mx-builder-key="home-how"]{padding-top:34px!important;padding-bottom:38px!important}
[data-mx-builder-key="home-academy"]{padding-top:34px!important;padding-bottom:38px!important}
[data-mx-builder-key="home-stories"]{padding-top:38px!important;padding-bottom:38px!important}
[data-mx-builder-key="home-videos"]{padding-top:36px!important;padding-bottom:38px!important}

/* APEX Life Team. */
[data-mx-builder-key="apex-pillars"]{padding-top:38px!important;padding-bottom:40px!important}
[data-mx-builder-key="apex-pillars"] .mx302-feature-card{min-height:165px!important}
[data-mx-builder-key="apex-mentoring"]{padding-top:38px!important;padding-bottom:38px!important}
[data-mx-builder-key="apex-mentoring"] .mx302-split__grid{min-height:300px!important}
[data-mx-builder-key="apex-mentoring"] .mx302-split__copy{padding:30px!important}
[data-mx-builder-key="apex-mentoring"] .mx302-split__media{min-height:300px!important}
[data-mx-builder-key="apex-culture"]{padding-top:36px!important;padding-bottom:36px!important}
[data-mx-builder-key="apex-culture"] .mx302-feature-card{min-height:132px!important;padding-top:17px!important;padding-bottom:16px!important}
[data-mx-builder-key="apex-discover"]{padding-top:38px!important;padding-bottom:38px!important}
[data-mx-builder-key="apex-leaders"]{padding-top:32px!important;padding-bottom:36px!important}
.mx306-role-card figure{aspect-ratio:1.33/1!important}
.mx306-role-card>div{padding:13px 14px 15px!important}

/* Nasıl Çalışır — 6 adım ve üç kaynak, referansın daha yatay yoğunluğunda. */
[data-mx-builder-key="how-six-steps"]{padding-top:36px!important;padding-bottom:34px!important}
[data-mx-builder-key="how-six-steps"] .mx302-steps article{min-height:178px!important;padding:25px 13px 20px!important}
[data-mx-builder-key="how-six-steps"] .mx302-steps .mx302-icon{width:52px!important;height:52px!important;margin-bottom:12px!important;padding:13px!important}
[data-mx-builder-key="how-six-steps"] .mx302-steps h3{font-size:13.4px!important}
[data-mx-builder-key="how-six-steps"] .mx302-steps p{font-size:10.2px!important}
.mx306-how-plan{padding-top:34px!important;padding-bottom:38px!important}
.mx306-how-plan__copy{padding:27px 25px!important}
.mx306-how-plan__main>figure{min-height:285px!important}
.mx306-how-plan__quote{min-height:285px!important;padding:29px 24px!important}
[data-mx-builder-key="how-power"]{padding-top:36px!important;padding-bottom:38px!important}
[data-mx-builder-key="how-power"] .mx302-media-card figure{aspect-ratio:1.72/1!important}
[data-mx-builder-key="how-responsibilities"]{padding-top:35px!important;padding-bottom:36px!important}
[data-mx-builder-key="how-faq"]{padding-top:36px!important;padding-bottom:38px!important}

/* Akademi. */
[data-mx-builder-key="academy-categories"]{padding-top:38px!important;padding-bottom:35px!important}
[data-mx-builder-key="academy-categories"] .mx302-feature-card{min-height:160px!important}
[data-mx-builder-key="academy-featured"]{padding-top:34px!important;padding-bottom:36px!important}
[data-mx-builder-key="academy-featured"] .mx302-media-card figure{aspect-ratio:1.67/1!important}
[data-mx-builder-key="academy-journey"]{padding-top:31px!important;padding-bottom:32px!important}
[data-mx-builder-key="academy-videos"]{padding-top:34px!important;padding-bottom:36px!important}
[data-mx-builder-key="academy-videos"] .mx302-video-card__frame{aspect-ratio:1.7/1!important}
.mx306-academy-mentor{padding:31px 0!important}
[data-mx-builder-key="academy-achievements"]{padding-top:34px!important;padding-bottom:35px!important}
[data-mx-builder-key="academy-achievements"] .mx302-feature-card{min-height:142px!important}

/* ONNOWELL — gerçek ürünler kesilmez, referansın temiz katalog görünümü korunur. */
[data-mx-builder-key="products-featured"]{padding-top:35px!important;padding-bottom:36px!important}
[data-mx-builder-key="products-featured"] .mx302-split__media img{object-fit:contain!important;padding:18px!important;background:#f8fbf7!important}
[data-mx-builder-key="products-categories"]{padding-top:34px!important;padding-bottom:34px!important}
[data-mx-builder-key="products-categories"] .mx302-feature-card{min-height:140px!important}
[data-mx-builder-key="products-grid"]{padding-top:34px!important;padding-bottom:38px!important}
[data-mx-builder-key="products-grid"] img{object-fit:contain!important}
[data-mx-builder-key="products-science"]{padding-top:34px!important;padding-bottom:34px!important}
[data-mx-builder-key="products-videos"]{padding-top:34px!important;padding-bottom:36px!important}
.mx307-products-help{padding-top:32px!important;padding-bottom:36px!important}

/* Hikâyeler — öne çıkan kart, 4 hikâye, yolculuk ve videolar. */
.mx307-story-featured{margin-top:-54px!important;padding-bottom:8px!important}
.mx307-story-featured__card{width:min(650px,72%)!important}
[data-mx-builder-key="stories-list"]{padding-top:26px!important;padding-bottom:36px!important}
[data-mx-builder-key="stories-list"] .mx302-story-card figure{aspect-ratio:1.42/1!important}
[data-mx-builder-key="stories-list"] .mx302-story-card>div{padding:13px 14px 15px!important}
[data-mx-builder-key="stories-journey"]{padding-top:32px!important;padding-bottom:34px!important}
[data-mx-builder-key="stories-videos"]{padding-top:34px!important;padding-bottom:34px!important}
.mx306-story-strip{padding:18px 0!important}

/* Keşfet — referanstaki 4x2 ana kart matrisi ve 3 öne çıkan içerik. */
[data-mx-builder-key="explore-grid"]{padding-top:34px!important;padding-bottom:35px!important}
[data-mx-builder-key="explore-grid"] .mx302-explore-card{min-height:182px!important;padding:17px 14px!important}
[data-mx-builder-key="explore-grid"] .mx302-explore-card .mx302-icon{width:50px!important;height:50px!important;padding:12px!important}
[data-mx-builder-key="explore-grid"] .mx302-explore-card h3{font-size:14px!important}
[data-mx-builder-key="explore-grid"] .mx302-explore-card p{font-size:10.7px!important;line-height:1.5!important}
.mx307-explore-featured{padding-top:30px!important;padding-bottom:31px!important}
[data-mx-builder-key="explore-journey"]{padding-top:27px!important;padding-bottom:30px!important}
[data-mx-builder-key="explore-videos"]{padding-top:32px!important;padding-bottom:34px!important}
[data-mx-builder-key="explore-trust"]{padding-top:18px!important;padding-bottom:18px!important}

/* Katılım — referansın kompakt karar akışı. */
[data-mx-builder-key="join-steps"]{padding-top:36px!important;padding-bottom:34px!important}
[data-mx-builder-key="join-steps"] .mx302-steps article{min-height:164px!important}
[data-mx-builder-key="join-fit"]{padding-top:32px!important;padding-bottom:35px!important}
[data-mx-builder-key="join-fit"] .mx302-fit-grid article{padding:23px 25px!important}
[data-mx-builder-key="join-fit"] .mx302-fit-grid h2{font-size:22px!important}
[data-mx-builder-key="join-fit"] .mx302-fit-grid li{font-size:11.3px!important}
.mx305-join-mentor{padding-top:32px!important;padding-bottom:35px!important}
.mx305-join-mentor__grid{min-height:260px!important}
[data-mx-builder-key="join-learn"]{padding-top:34px!important;padding-bottom:36px!important}
[data-mx-builder-key="join-learn"] .mx302-join-info-grid>article{padding:17px!important}

/* Yönetici Düzenle: her bölümde kalır, fakat referans tasarımı daha az örter. */
.mx302-video-first.mx109-has-entry>.mx109-section-edit,
.mx302-hero.mx109-has-entry>.mx109-section-edit,
.mx302-section.mx109-has-entry>.mx109-section-edit,
.mx302-cta.mx109-has-entry>.mx109-section-edit{
  min-height:32px!important;padding:0 10px!important;border-radius:9px!important;font-size:10px!important;box-shadow:0 5px 14px rgba(12,49,75,.08)!important
}

@media (max-width:1100px){
  .mx302-section{padding:40px 0!important}
  .mx302-video-first__frame{aspect-ratio:1.9/1!important}
  .mx302-hero__grid{min-height:340px!important}
  .mx302-hero__media{min-height:340px!important}
  [data-mx-builder-key="home-two-worlds"] .mx302-duo-grid{grid-template-columns:1fr!important}
  [data-mx-builder-key="home-two-worlds"] .mx302-duo-card{min-height:270px!important}
}

@media (max-width:900px){
  .mx302-video-first__frame{aspect-ratio:16/8.3!important}
  .mx302-hero__copy{padding:30px 18px 30px 8px!important}
  .mx302-hero__media{min-height:315px!important;border-radius:0 0 0 34px!important}
  .mx302-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mx302-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-mx-builder-key="apex-culture"] .mx302-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-mx-builder-key="academy-categories"] .mx302-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media (max-width:767px){
  .mx302-video-first{padding:6px 0 10px!important}
  .mx302-video-first__frame{aspect-ratio:16/9!important;border-radius:14px!important}
  .mx302-section{padding:28px 0!important}
  .mx302-heading{margin-bottom:18px!important}
  .mx302-heading h2{font-size:25px!important}
  .mx302-heading p{font-size:12px!important}
  .mx302-hero__copy{padding:25px 12px 26px!important}
  .mx302-hero__media{min-height:260px!important;border-radius:0 0 0 26px!important}
  [data-mx-builder-key="home-hero"] h1,
  [data-mx-builder-key="apex-hero"] h1,
  [data-mx-builder-key="how-hero"] h1,
  [data-mx-builder-key="academy-hero"] h1,
  [data-mx-builder-key="products-hero"] h1,
  [data-mx-builder-key="stories-hero"] h1,
  [data-mx-builder-key="explore-hero"] h1,
  [data-mx-builder-key="join-hero"] h1{font-size:clamp(36px,10.5vw,46px)!important;line-height:1.01!important}
  .mx302-hero__copy>p{font-size:13.5px!important}
  .mx302-hero__badges{gap:8px!important;margin-top:14px!important}
  .mx302-actions{margin-top:18px!important}
  .mx302-btn{min-height:40px!important}

  .mx302-duo-card{grid-template-columns:1fr!important}
  .mx302-duo-card figure{min-height:220px!important}
  .mx302-feature-card{padding:17px 13px!important;min-height:0!important}
  .mx302-feature-card .mx302-icon{width:48px!important;height:48px!important;padding:12px!important}
  .mx302-feature-card h3{font-size:14px!important}
  .mx302-feature-card p{font-size:10.6px!important}

  /* Mobil kart akışlarında sıkışma yerine kontrollü yatay kaydırma. */
  [data-mx-builder-key="how-six-steps"] .mx302-steps,
  [data-mx-builder-key="home-how"] .mx302-steps,
  [data-mx-builder-key="academy-journey"] .mx302-steps,
  [data-mx-builder-key="stories-journey"] .mx302-steps,
  [data-mx-builder-key="explore-journey"] .mx302-steps,
  [data-mx-builder-key="join-steps"] .mx302-steps{
    display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding-bottom:4px!important
  }
  [data-mx-builder-key="how-six-steps"] .mx302-steps article,
  [data-mx-builder-key="home-how"] .mx302-steps article,
  [data-mx-builder-key="academy-journey"] .mx302-steps article,
  [data-mx-builder-key="stories-journey"] .mx302-steps article,
  [data-mx-builder-key="explore-journey"] .mx302-steps article,
  [data-mx-builder-key="join-steps"] .mx302-steps article{
    flex:0 0 76vw!important;min-height:160px!important;scroll-snap-align:start
  }

  [data-mx-builder-key="home-benefits"] .mx302-feature-grid,
  [data-mx-builder-key="apex-pillars"] .mx302-feature-grid,
  [data-mx-builder-key="apex-culture"] .mx302-feature-grid,
  [data-mx-builder-key="academy-categories"] .mx302-feature-grid,
  [data-mx-builder-key="academy-achievements"] .mx302-feature-grid,
  [data-mx-builder-key="products-categories"] .mx302-feature-grid,
  [data-mx-builder-key="products-science"] .mx302-feature-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}

  [data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-mx-builder-key="explore-grid"] .mx302-explore-card{min-height:168px!important;padding:15px 11px!important}
  .mx307-story-featured{margin-top:-22px!important}
  .mx307-story-featured__card{width:calc(100% - 20px)!important}
  .mx306-how-plan__main>figure{min-height:245px!important}
  .mx306-how-plan__quote{min-height:170px!important}
}

@media (max-width:480px){
  [data-mx-builder-key="home-benefits"] .mx302-feature-grid,
  [data-mx-builder-key="apex-pillars"] .mx302-feature-grid,
  [data-mx-builder-key="apex-culture"] .mx302-feature-grid,
  [data-mx-builder-key="academy-categories"] .mx302-feature-grid,
  [data-mx-builder-key="academy-achievements"] .mx302-feature-grid,
  [data-mx-builder-key="products-categories"] .mx302-feature-grid,
  [data-mx-builder-key="products-science"] .mx302-feature-grid,
  [data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:1fr!important}
  .mx302-hero__media{min-height:235px!important}
  .mx302-actions{display:grid!important;grid-template-columns:1fr!important}
  .mx302-actions .mx302-btn{width:100%!important}
  .mx307-explore-featured__card{grid-template-columns:1fr!important}
  .mx307-products-help__advisor{grid-template-columns:1fr!important}
}