/* MXonnowell v0.3.04 — Onaylanan 8 sayfa omurgasına yerleşim sadakati.
   Bu katman v0.3.02 bileşenlerini sökmez; ölçü, ritim, görsel kadraj ve
   sayfa-özel bölüm davranışlarını referans tasarımlara yaklaştırır. */

:root{
  --mx304-page:#ffffff;
  --mx304-soft:#f8fbfd;
  --mx304-soft-blue:#f4f9fd;
  --mx304-line:#e1eaf2;
  --mx304-navy:#0b2f69;
  --mx304-green:#49a313;
}

/* Ana ölçek: masaüstünde referanstaki daha kompakt, kurumsal ritim. */
.mx302-video-first>.mx-wrap,
.mx302-hero>.mx-wrap,
.mx302-section>.mx-wrap,
.mx302-cta>.mx-wrap{width:min(1240px,calc(100% - 56px))!important}
.mx302-section{padding:48px 0}
.mx302-heading{margin-bottom:25px}
.mx302-heading h2{font-size:clamp(25px,2.65vw,36px);font-weight:720}
.mx302-heading p{max-width:720px;font-size:13px;line-height:1.58}

/* Hero, referans tasarımlardaki yaklaşık 45/55 oran ve daha kontrollü başlık. */
.mx302-hero__grid{grid-template-columns:minmax(0,45%) minmax(0,55%);min-height:370px}
.mx302-hero__copy{padding:42px 34px 42px 6px}
.mx302-hero h1{font-size:clamp(40px,4.2vw,60px);line-height:1.01;letter-spacing:-.048em}
.mx302-hero__copy>p{margin-top:16px;font-size:15px;line-height:1.6}
.mx302-hero__media{min-height:370px;border-radius:0 0 0 44px}
.mx302-hero__badges{margin-top:19px;gap:10px}
.mx302-actions{margin-top:22px}

/* Kartları gereksiz büyük kutular yerine referanstaki ince, dengeli panellere yaklaştır. */
.mx302-feature-grid{gap:14px}
.mx302-feature-card{padding:21px 16px;border-radius:16px;box-shadow:0 7px 18px rgba(30,62,101,.035)}
.mx302-feature-card .mx302-icon{width:54px;height:54px;margin-bottom:14px;padding:14px}
.mx302-feature-card h3{font-size:15px}
.mx302-feature-card p{margin-top:7px;font-size:11.5px;line-height:1.5}

.mx302-steps{border-radius:17px;box-shadow:none}
.mx302-steps article{padding:24px 14px 22px}
.mx302-steps .mx302-icon{width:54px;height:54px;margin:8px auto 12px;padding:14px}
.mx302-steps h3{font-size:14px}.mx302-steps p{font-size:10.8px;line-height:1.5}

/* Ana sayfa — referanstaki iki ana dünya kartı. */
[data-mx-builder-key="home-two-worlds"]{padding-top:38px;padding-bottom:42px;background:#fff}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-grid{gap:16px}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card{min-height:315px;border-radius:18px;box-shadow:0 8px 24px rgba(26,59,99,.05)}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card>div{padding:28px 24px}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card h2{font-size:25px;line-height:1.08}
[data-mx-builder-key="home-two-worlds"] .mx302-duo-card figure img{object-position:center}

/* Ana sayfa kazanım satırı: referanstaki 6 hafif ikon sütunu. */
[data-mx-builder-key="home-benefits"] .mx302-feature-card,
[data-mx-builder-key="apex-culture"] .mx302-feature-card,
[data-mx-builder-key="academy-achievements"] .mx302-feature-card,
[data-mx-builder-key="explore-trust"] .mx302-feature-card{
  border:0;border-right:1px solid var(--mx304-line);border-radius:0;box-shadow:none;background:transparent;padding:14px 15px
}
[data-mx-builder-key="home-benefits"] .mx302-feature-card:last-child,
[data-mx-builder-key="apex-culture"] .mx302-feature-card:last-child,
[data-mx-builder-key="academy-achievements"] .mx302-feature-card:last-child,
[data-mx-builder-key="explore-trust"] .mx302-feature-card:last-child{border-right:0}

/* Ana sayfa hikâyeleri, referanstaki daha küçük testimonial kartlarına yaklaştır. */
[data-mx-builder-key="home-stories"] .mx302-media-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:0;align-items:stretch;padding:0}
[data-mx-builder-key="home-stories"] .mx302-media-card figure{aspect-ratio:auto;min-height:126px}
[data-mx-builder-key="home-stories"] .mx302-media-card figure img{height:100%;object-fit:cover}
[data-mx-builder-key="home-stories"] .mx302-media-card .mx302-play{display:none}
[data-mx-builder-key="home-stories"] .mx302-media-card h3{align-self:end;margin:18px 18px 2px;font-size:14px}
[data-mx-builder-key="home-stories"] .mx302-media-card p{grid-column:2;margin:3px 18px 18px;font-size:11px;line-height:1.5}

/* APEX Life Team — 4 temel alan ve kültür referansına sadık, ferah ama kompakt. */
[data-mx-builder-key="apex-pillars"]{padding-top:44px;padding-bottom:48px}
[data-mx-builder-key="apex-mentoring"]{background:#f4f9fd}
[data-mx-builder-key="apex-mentoring"] .mx302-split__grid{min-height:325px}
[data-mx-builder-key="apex-culture"]{padding-top:38px;padding-bottom:42px;background:#fff}
[data-mx-builder-key="apex-discover"] .mx302-video-card-grid{gap:16px}
[data-mx-builder-key="apex-leaders"] .mx302-media-card figure{aspect-ratio:4/3}
[data-mx-builder-key="apex-leaders"] .mx302-media-card h3{font-size:14px}
[data-mx-builder-key="apex-leaders"] .mx302-media-card p{font-size:10.7px;line-height:1.48}

/* Nasıl Çalışır — referanstaki 6 aşama ve üç görsel kaynak kartı. */
[data-mx-builder-key="how-six-steps"] .mx302-steps{grid-template-columns:repeat(6,minmax(0,1fr))}
[data-mx-builder-key="how-six-steps"] .mx302-steps article{padding-left:11px;padding-right:11px}
[data-mx-builder-key="how-plan"]{background:#fff}
[data-mx-builder-key="how-plan"] .mx302-split__grid{min-height:330px}
[data-mx-builder-key="how-power"] .mx302-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-mx-builder-key="how-power"] .mx302-media-card figure{aspect-ratio:16/9}
[data-mx-builder-key="how-power"] .mx302-media-card h3{font-size:17px}
[data-mx-builder-key="how-responsibility"] .mx302-feature-card{padding:18px 13px}
[data-mx-builder-key="how-faq"]{background:#fff}

/* Akademi — öğrenme akışı referanstaki mavi/yeşil bant hissi. */
[data-mx-builder-key="academy-categories"] .mx302-feature-card{min-height:205px}
[data-mx-builder-key="academy-featured"] .mx302-media-card figure{aspect-ratio:16/9}
[data-mx-builder-key="academy-journey"]{padding:30px 0;background:linear-gradient(105deg,#0870bd 0%,#0a91a9 52%,#4b9d1c 100%);color:#fff}
[data-mx-builder-key="academy-journey"] .mx302-heading h2,
[data-mx-builder-key="academy-journey"] .mx302-heading p{color:#fff}
[data-mx-builder-key="academy-journey"] .mx302-heading{margin-bottom:17px}
[data-mx-builder-key="academy-journey"] .mx302-steps{border-color:rgba(255,255,255,.5);box-shadow:none}
[data-mx-builder-key="academy-videos"] .mx302-video-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
[data-mx-builder-key="academy-mentors"]{padding-top:32px;padding-bottom:32px}
[data-mx-builder-key="academy-achievements"]{padding-top:40px;padding-bottom:42px}

/* ONNOWELL — gerçek ürün medyasını kesmeden, katalog referansındaki beyaz ürün alanı. */
[data-mx-builder-key="products-hero"] .mx302-hero__media{background:#fff}
[data-mx-builder-key="products-hero"] .mx302-device-image{object-fit:contain!important;padding:22px;background:#fff}
[data-mx-builder-key="products-featured"] .mx302-split__media{background:#fff}
[data-mx-builder-key="products-featured"] .mx302-device-image{object-fit:contain!important;padding:18px;background:#fff}
[data-mx-builder-key="products-categories"] .mx302-feature-card{padding:17px 10px}
[data-mx-builder-key="products-science"]{background:#f8fbfd}
[data-mx-builder-key="products-science"] .mx302-feature-grid{gap:8px}
[data-mx-builder-key="products-science"] .mx302-feature-card{border:0;box-shadow:none;background:transparent}
.mx302-product-card__media img{object-fit:contain!important;background:#fff}

/* Hikâyeler — portre kartlarını referanstaki dört sütunlu düzenle dengede tut. */
[data-mx-builder-key="stories-list"] .mx302-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
[data-mx-builder-key="stories-list"] .mx302-story-card figure{aspect-ratio:4/3}
[data-mx-builder-key="stories-list"] .mx302-story-card h3{font-size:14px}
[data-mx-builder-key="stories-list"] .mx302-story-card small{font-size:10px}
[data-mx-builder-key="stories-list"] .mx302-story-card p{font-size:10.8px;line-height:1.52}
[data-mx-builder-key="stories-journey"] .mx302-steps{box-shadow:none;border-color:transparent}
[data-mx-builder-key="stories-journey"] .mx302-steps article{border-right:0}
[data-mx-builder-key="stories-trust"]{background:#f8fbfd}

/* Keşfet — 8 kartı referanstaki 4x2 grid oranında tut. */
[data-mx-builder-key="explore-grid"]{padding-top:38px;padding-bottom:44px}
[data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
[data-mx-builder-key="explore-grid"] .mx302-explore-card{min-height:225px;padding:20px 16px}
[data-mx-builder-key="explore-grid"] .mx302-explore-card .mx302-icon{width:55px;height:55px;padding:14px}
[data-mx-builder-key="explore-featured"] .mx302-media-card figure{aspect-ratio:16/8.8}
[data-mx-builder-key="explore-journey"] .mx302-steps{box-shadow:none}
[data-mx-builder-key="explore-trust"]{padding:22px 0;background:#4c9e17;color:#fff}
[data-mx-builder-key="explore-trust"] .mx302-heading{display:none}
[data-mx-builder-key="explore-trust"] .mx302-feature-card{color:#fff;border-color:rgba(255,255,255,.32)}
[data-mx-builder-key="explore-trust"] .mx302-feature-card h3,
[data-mx-builder-key="explore-trust"] .mx302-feature-card p{color:#fff}
[data-mx-builder-key="explore-trust"] .mx302-feature-card .mx302-icon{color:#fff;border-color:rgba(255,255,255,.45);background:transparent}

/* Katılım — iki karşılaştırma kartı ve mentor bölümü referans oranları. */
[data-mx-builder-key="join-steps"]{padding-top:44px;padding-bottom:42px}
[data-mx-builder-key="join-fit"]{padding-top:34px;padding-bottom:42px}
[data-mx-builder-key="join-fit"] .mx302-fit-grid article{padding:28px}
[data-mx-builder-key="join-mentor"] .mx302-split__grid{min-height:330px}
[data-mx-builder-key="join-learn"]{padding-top:42px;padding-bottom:46px}
[data-mx-builder-key="join-learn"] .mx302-join-info-grid>article{min-height:100%}

/* Boş video kaynağı artık siyah player göstermez; poster referans görsel olarak kalır. */
.mx304-video-placeholder{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(255,255,255,.91);color:#0b4f9a;box-shadow:0 8px 24px rgba(0,34,74,.16);pointer-events:none}
.mx304-video-placeholder svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Yönetici Düzenle düğmeleri akışı bozmadan sağda kalır. */
body.admin-bar .mx302-video-first.mx109-has-entry>.mx109-section-edit,
body.admin-bar .mx302-hero.mx109-has-entry>.mx109-section-edit,
body.admin-bar .mx302-section.mx109-has-entry>.mx109-section-edit,
body.admin-bar .mx302-cta.mx109-has-entry>.mx109-section-edit{top:12px!important;right:12px!important}

@media (max-width:1180px){
  .mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap{width:min(1080px,calc(100% - 40px))!important}
  [data-mx-builder-key="how-six-steps"] .mx302-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-mx-builder-key="academy-videos"] .mx302-video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .mx302-hero__grid{grid-template-columns:1fr;min-height:auto}
  .mx302-hero__media{min-height:400px}
  [data-mx-builder-key="stories-list"] .mx302-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-mx-builder-key="how-power"] .mx302-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:767px){
  .mx302-video-first>.mx-wrap,.mx302-hero>.mx-wrap,.mx302-section>.mx-wrap,.mx302-cta>.mx-wrap{width:calc(100% - 20px)!important}
  .mx302-section{padding:38px 0}
  .mx302-hero__media{min-height:340px}
  .mx302-hero h1{font-size:clamp(38px,11vw,52px)}
  [data-mx-builder-key="home-benefits"] .mx302-feature-card,
  [data-mx-builder-key="apex-culture"] .mx302-feature-card,
  [data-mx-builder-key="academy-achievements"] .mx302-feature-card,
  [data-mx-builder-key="explore-trust"] .mx302-feature-card{border-right:0;border-bottom:1px solid var(--mx304-line);padding:16px 12px}
  [data-mx-builder-key="home-stories"] .mx302-media-card{display:block}
  [data-mx-builder-key="home-stories"] .mx302-media-card figure{min-height:0;aspect-ratio:16/9}
  [data-mx-builder-key="home-stories"] .mx302-media-card h3{margin:14px 14px 4px}
  [data-mx-builder-key="home-stories"] .mx302-media-card p{margin:4px 14px 16px}
  [data-mx-builder-key="how-six-steps"] .mx302-steps{display:flex}
  [data-mx-builder-key="how-power"] .mx302-media-grid,
  [data-mx-builder-key="academy-videos"] .mx302-video-card-grid{display:flex;overflow-x:auto;grid-template-columns:none}
  [data-mx-builder-key="stories-list"] .mx302-story-grid{display:flex;grid-template-columns:none}
  [data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:1fr 1fr}
  [data-mx-builder-key="explore-trust"] .mx302-feature-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:420px){
  [data-mx-builder-key="explore-grid"] .mx302-explore-grid{grid-template-columns:1fr 1fr}
  [data-mx-builder-key="explore-trust"] .mx302-feature-grid{grid-template-columns:1fr}
}