/* MXonnowell v0.1.48 — Referans sayfa ritmi + doğrudan ana menü + 4 cihaz responsive */
:root{
  --mx48-blue:#075ca8;
  --mx48-blue-deep:#03284f;
  --mx48-blue-night:#021b37;
  --mx48-green:#65a91f;
  --mx48-green-dark:#34740f;
  --mx48-ink:#10243d;
  --mx48-muted:#607083;
  --mx48-line:#dbe5ee;
  --mx48-soft:#f6f9fc;
  --mx48-white:#fff;
  --mx48-radius:16px;
  --mx48-shadow:0 18px 44px rgba(2,38,74,.08);
}

/* ---------- Header / direct page menu ---------- */
.mx-header-v0148,.mx-header-v0148.mx-header--overlay{
  height:68px!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  background-image:linear-gradient(90deg,rgba(1,25,52,.96),rgba(2,49,89,.90)),url('../images/mxon-leaf-blue-landscape.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 8px 28px rgba(0,25,51,.12)!important;
  backdrop-filter:saturate(130%) blur(9px)!important;
}
.admin-bar .mx-header-v0148{top:32px!important}
.mx-header-v0148 .mx-header__in{height:68px!important;max-width:1480px!important;width:min(1480px,calc(100% - 44px))!important;gap:18px!important}
.mx-header-v0148 .mx-brand{flex:0 0 auto!important;gap:8px!important}
.mx-header-v0148 .mx-brand__logo{max-height:44px!important;width:auto!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12))}
.mx-header-v0148 .mx-brand__mark{width:34px!important;height:34px!important;border-radius:9px!important;background:#fff!important;color:#087a3e!important;border:0!important}
.mx-header-v0148 .mx-brand__text,.mx-header-v0148.mx-header--overlay .mx-brand__text{color:#fff!important;font-size:16px!important;font-weight:500!important;text-shadow:none!important}
.mx-header-v0148 .mx-brand__lockup small{color:rgba(255,255,255,.72)!important;font-size:7px!important}
.mx-site-nav-v0148{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}
.mx-nav-list-v0148{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;min-width:0!important;flex:1 1 auto!important;list-style:none!important;margin:0!important;padding:0!important}
.mx-nav-list-v0148>li{display:block!important;flex:0 0 auto!important}
.mx-header-v0148 .mx-nav-list-v0148>li>a,.mx-header-v0148.mx-header--overlay .mx-nav-list-v0148>li>a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 8px!important;
  border:0!important;
  color:rgba(255,255,255,.91)!important;
  text-decoration:none!important;
  text-shadow:none!important;
  font-size:11.3px!important;
  font-weight:500!important;
  letter-spacing:-.005em!important;
  white-space:nowrap!important;
  opacity:1!important;
}
.mx-header-v0148 .mx-nav-list-v0148>li>a:hover,.mx-header-v0148 .mx-nav-list-v0148>li>a:focus-visible{color:#fff!important;background:rgba(255,255,255,.07)!important;border-radius:7px!important;outline:none!important}
.mx-header-v0148 .mx-nav-list-v0148>li>a.is-current{color:#fff!important}
.mx-header-v0148 .mx-nav-list-v0148>li>a.is-current:after{content:""!important;position:absolute!important;left:8px!important;right:8px!important;bottom:2px!important;height:2px!important;border-radius:4px!important;background:var(--mx48-green)!important;display:block!important}
.mx-header-v0148 .mx-header-cta,.mx-header-v0148.mx-header--overlay .mx-header-cta{flex:0 0 auto!important;min-height:40px!important;padding:0 16px!important;border:1px solid rgba(158,216,66,.58)!important;border-radius:9px!important;background:linear-gradient(180deg,#69ad23,#3f8113)!important;color:#fff!important;font-size:11.5px!important;font-weight:500!important;box-shadow:0 8px 20px rgba(44,111,16,.18)!important}
.mx-nav-utility-v0148{display:none}
.mx-header-v0148 .mx-site-menu-toggle{display:none!important}

/* ---------- Global public page frame ---------- */
.mxon48-main{background:#fff;color:var(--mx48-ink);overflow:hidden}
.mxon48-main .mx-wrap{width:min(1240px,calc(100% - 40px))}
.mxon48-hero{--mx48-bg:none;position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(100deg,rgba(2,30,63,.97) 0%,rgba(3,63,113,.84) 56%,rgba(5,95,157,.55) 100%),var(--mx48-bg);background-size:cover;background-position:center;color:#fff}
.mxon48-hero:after{content:"";position:absolute;inset:auto -8% -34% 46%;height:72%;z-index:-1;background:radial-gradient(circle,rgba(36,151,229,.24),transparent 68%);filter:blur(24px);pointer-events:none}
.mxon48-hero__grid{min-height:340px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);align-items:center;gap:34px;padding-top:44px;padding-bottom:38px}
.mxon48-hero__copy{position:relative;z-index:2;max-width:620px}
.mxon48-hero__copy h1{margin:0;color:#fff;font-size:clamp(42px,4.4vw,64px);line-height:.98;letter-spacing:-.035em;font-weight:500!important;text-wrap:balance}
.mxon48-hero__copy p{max-width:620px;margin:18px 0 0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.62;font-weight:400}
.mxon48-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.mxon48-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 17px;border:1px solid rgba(137,199,54,.7);border-radius:8px;background:linear-gradient(180deg,#6aad22,#438514);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:500!important;box-shadow:0 8px 20px rgba(31,95,16,.12)}
.mxon48-btn.is-ghost{border-color:rgba(255,255,255,.45);background:rgba(2,36,69,.24);backdrop-filter:blur(8px)}
.mxon48-btn span{font-size:16px;line-height:1}
.mxon48-hero__media{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;margin:0;min-height:280px;overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.mxon48-hero__media img{display:block;width:100%;height:100%;max-height:320px;object-fit:var(--mx48-fit,cover);object-position:center bottom;background:transparent}
.mxon48-hero.is-onnowell .mxon48-hero__media img{filter:drop-shadow(0 18px 24px rgba(0,24,45,.16))}
.mxon48-hero__mark{display:grid;place-items:center;align-self:center;width:100%;min-height:220px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.mxon48-hero__mark strong{display:block;font-size:58px;font-weight:500}.mxon48-hero__mark small{display:block;font-size:13px;letter-spacing:.18em}

.mxon48-section{padding:46px 0;background:#fff}
.mxon48-section.is-soft{background:linear-gradient(180deg,#f7fafc,#fff)}
.mxon48-section.is-white{background:#fff}
.mxon48-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 20px}
.mxon48-head>div{max-width:800px}
.mxon48-head h2{margin:0;color:var(--mx48-ink);font-size:clamp(27px,2.8vw,38px);line-height:1.08;letter-spacing:-.025em;font-weight:500!important;text-wrap:balance}
.mxon48-head p{margin:9px 0 0;color:var(--mx48-muted);font-size:13.5px;line-height:1.62}
.mxon48-head>a{flex:0 0 auto;color:#075aa5;text-decoration:none;font-size:12px;font-weight:500}
.mxon48-head>a span{font-size:15px}

/* ---------- White panels / feature geometry ---------- */
.mxon48-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:26px}
.mxon48-features.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-features.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mxon48-features.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.mxon48-features article{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:17px 15px;border:1px solid var(--mx48-line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(2,39,75,.045)}
.mxon48-features i,.mxon48-category-grid i{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1f6fb;color:#0964b5}
.mxon48-features i svg,.mxon48-category-grid i svg,.mxon48-media-strip__intro i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mxon48-features strong{display:block;color:#103565;font-size:13px;font-weight:500!important;line-height:1.28}.mxon48-features p{margin:6px 0 0;color:#667487;font-size:11.3px;line-height:1.5}
.mxon48-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:18px;margin-bottom:20px;padding:16px;border:1px solid var(--mx48-line);border-radius:16px;background:#fff;box-shadow:var(--mx48-shadow)}
.mxon48-copy-card{align-self:center;padding:20px 18px}.mxon48-copy-card h3{margin:0 0 10px;color:#0b4383;font-size:24px;font-weight:500}.mxon48-copy-card p{margin:0;color:#5f6f80;font-size:13px;line-height:1.65}.mxon48-copy-card a{display:inline-flex;margin-top:18px;color:#3f7e18;text-decoration:none;font-size:12px;font-weight:500}
.mxon48-split figure{margin:0;overflow:hidden;border-radius:12px;background:#eef4f8}.mxon48-split figure img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}

.mxon48-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.mxon48-dual>a{min-height:190px;padding:24px;border:1px solid var(--mx48-line);border-radius:14px;text-decoration:none;background:#fff;overflow:hidden;position:relative}.mxon48-dual>a:after{content:"";position:absolute;right:-32px;bottom:-58px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(11,97,177,.14),transparent 70%)}.mxon48-dual>a.is-onnowell:after{background:radial-gradient(circle,rgba(84,146,22,.16),transparent 70%)}.mxon48-dual strong{color:#347a15;font-size:11px;font-weight:500}.mxon48-dual .is-apex strong{color:#095ea9}.mxon48-dual h3{margin:8px 0 8px;color:var(--mx48-ink);font-size:25px;font-weight:500}.mxon48-dual p{margin:0;max-width:430px;color:#667486;font-size:12.5px;line-height:1.55}.mxon48-dual b{display:block;margin-top:20px;color:#075ca8;font-size:12px;font-weight:500}

/* ---------- Steps / roadmap ---------- */
.mxon48-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 26px;padding:18px 10px;border:1px solid var(--mx48-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(2,41,77,.04)}
.mxon48-steps article{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px}.mxon48-steps article:not(:last-child):after{content:"";position:absolute;top:22px;left:calc(50% + 28px);right:calc(-50% + 28px);height:1px;background:linear-gradient(90deg,#2c6db4,#62a91f)}
.mxon48-steps article>span{position:relative;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:2px solid #2a6eb6;border-radius:50%;background:#fff;color:#1262ac;font-size:15px;font-weight:500}.mxon48-steps article:nth-child(n+4)>span{border-color:#6ba629;color:#4d8319}
.mxon48-steps strong{display:block;margin-top:10px;color:#0d417b;font-size:12.5px;font-weight:500}.mxon48-steps p{margin:5px 0 0;color:#6b7887;font-size:10.5px;line-height:1.45}
.mxon48-steps.is-timeline{grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 12px}.mxon48-steps.is-timeline article:nth-child(n)>span{border-color:#6ba629;color:#4d8319}

/* ---------- ONNOWELL categories / products ---------- */
.mxon48-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.mxon48-category-grid>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:94px;padding:13px;border:1px solid var(--mx48-line);border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(2,40,75,.035)}
.mxon48-category-grid>a strong{display:block;color:#153b65;font-size:12px;font-weight:500}.mxon48-category-grid>a p{margin:4px 0 0;color:#6d7884;font-size:10.5px;line-height:1.4}.mxon48-category-grid>a>span{color:#4e8a18;font-size:16px}
.mxon48-product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:26px}
.mxon48-product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mx48-line);border-radius:13px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(2,40,75,.045)}
.mxon48-product-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;padding:12px;background:#fff}.mxon48-product-card>div{display:flex;flex-direction:column;flex:1;padding:12px;border-top:1px solid #edf2f5}.mxon48-product-card strong{color:#143b67;font-size:12px;font-weight:500}.mxon48-product-card p{margin:6px 0 10px;color:#687688;font-size:10.5px;line-height:1.45}.mxon48-product-card span{margin-top:auto;color:#075ca8;font-size:10.5px;font-weight:500}

/* ---------- Media ---------- */
.mxon48-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.mxon48-media-grid.is-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.mxon48-media-grid.is-stories{grid-template-columns:repeat(3,minmax(0,1fr))}
.mxon48-media-card{display:block;overflow:hidden;border:1px solid var(--mx48-line);border-radius:12px;background:#fff;color:var(--mx48-ink);text-decoration:none;box-shadow:0 8px 22px rgba(2,41,77,.04)}
.mxon48-media-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#eef3f7}.mxon48-media-card.is-portrait>img{aspect-ratio:4/5;object-fit:contain;background:#fff}.mxon48-media-card.is-square>img{aspect-ratio:1/1;object-fit:contain;background:#fff}.mxon48-media-card>span{display:block;padding:10px 11px 12px}.mxon48-media-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173b63;font-size:11px;font-weight:500}.mxon48-media-card small{display:block;margin-top:3px;color:#778391;font-size:9.5px}
.mxon48-media-strip{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,.72fr));gap:10px;align-items:stretch;margin-top:20px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background-image:linear-gradient(90deg,rgba(1,30,62,.97),rgba(3,69,119,.88)),url('../images/mxon-leaf-blue-landscape.webp');background-size:cover;background-position:center;color:#fff;box-shadow:0 12px 34px rgba(2,37,72,.12)}
.mxon48-media-strip__intro{grid-column:1;display:flex;align-items:center;gap:13px;padding:10px}.mxon48-media-strip__intro i{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid rgba(255,255,255,.7);border-radius:50%;color:#fff}.mxon48-media-strip__intro i svg{width:28px;height:28px}.mxon48-media-strip__intro strong{display:block;color:#fff;font-size:14px;font-weight:500}.mxon48-media-strip__intro p{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:10.5px;line-height:1.5}
.mxon48-media-strip__video{grid-column:2/4;overflow:hidden;border-radius:9px;background:#001d39}.mxon48-media-strip__video video{display:block;width:100%;height:100%;min-height:116px;aspect-ratio:16/9;object-fit:contain;background:#001d39}.mxon48-media-strip figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#fff}.mxon48-media-strip figure img{display:block;width:100%;height:100%;min-height:116px;object-fit:cover}.mxon48-media-strip figure:nth-of-type(n+3){display:none}
.mxon48-quote{margin:20px 0;padding:23px 30px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background-image:linear-gradient(90deg,rgba(1,32,66,.96),rgba(2,73,120,.82)),url('../images/mxon-leaf-blue-landscape.webp');background-size:cover;color:#fff;text-align:center;font-size:20px;font-weight:400;line-height:1.45}

/* ---------- Join ---------- */
.mxon48-join-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:22px}.mxon48-join-card{padding:24px;border:1px solid var(--mx48-line);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(2,41,77,.045)}.mxon48-join-card h3{margin:0 0 10px;color:#0d4484;font-size:24px;font-weight:500}.mxon48-join-card p{margin:0 0 18px;color:#657487;font-size:13px;line-height:1.6}.mxon48-join-card small{display:block;margin-top:14px;color:#798593;font-size:10.5px}.mxon48-join-card.is-steps .mxon48-steps{grid-template-columns:1fr!important;margin:0;padding:0;border:0;box-shadow:none}.mxon48-join-card.is-steps .mxon48-steps article{display:grid;grid-template-columns:36px 1fr;align-items:center;text-align:left;padding:7px 0}.mxon48-join-card.is-steps .mxon48-steps article:after{left:18px;top:42px;bottom:-5px;right:auto;width:1px;height:auto}.mxon48-join-card.is-steps .mxon48-steps article:last-child:after{display:none}.mxon48-join-card.is-steps .mxon48-steps article>span{width:34px;height:34px;font-size:12px}.mxon48-join-card.is-steps .mxon48-steps article>div{padding-left:10px}.mxon48-join-card.is-steps .mxon48-steps strong{margin:0}.mxon48-join-card.is-steps .mxon48-steps p{margin:3px 0 0}

/* ---------- CTA ---------- */
.mxon48-cta{padding:0;background:#fff}.mxon48-cta>.mx-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:112px;padding:22px 28px;border-radius:15px 15px 0 0;background-image:linear-gradient(90deg,rgba(41,113,11,.88),rgba(86,150,22,.68)),var(--mx48-cta);background-size:cover;background-position:center;color:#fff;box-shadow:0 -8px 28px rgba(28,84,13,.08)}.mxon48-cta strong{display:block;color:#fff;font-size:24px;font-weight:500}.mxon48-cta p{margin:6px 0 0;color:rgba(255,255,255,.9);font-size:12px}.mxon48-cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px;border-radius:8px;background:#fff;color:#2e6910;text-decoration:none;font-size:12px;font-weight:500}

/* ---------- Home refinement ---------- */
.mx-public-home .mx-wrap{width:min(1240px,calc(100% - 40px))}
.mx-public-home .mx-section{padding-top:46px!important;padding-bottom:46px!important}
.mx-public-home .mx-section-heading h2{font-size:clamp(28px,2.8vw,40px)!important;font-weight:500!important;line-height:1.08!important}
.mx-public-home .mx-section-heading p{font-size:13.5px!important;line-height:1.6!important}
.mx-home-quicknav-v0141 .mx-wrap{width:min(1240px,calc(100% - 40px))!important}
.mx-home-brand-split-v0145__grid>a{min-height:205px!important;border-radius:15px!important;padding:24px!important}.mx-home-brand-split-v0145__grid h3{font-size:27px!important;font-weight:500!important}

/* ---------- Desktop narrow ---------- */
@media (min-width:1200px) and (max-width:1390px){
  .mx-header-v0148 .mx-header__in{width:min(1360px,calc(100% - 24px))!important;gap:10px!important}
  .mx-header-v0148 .mx-nav-list-v0148>li>a{padding-inline:5px!important;font-size:10.4px!important}
  .mx-header-v0148 .mx-header-cta{padding-inline:12px!important;font-size:10.8px!important}
  .mxon48-main .mx-wrap,.mx-public-home .mx-wrap{width:min(1160px,calc(100% - 34px))}
}

/* ---------- Tablet / compact desktop drawer ---------- */
@media (max-width:1199px){
  body.mx-menu-open{overflow:hidden!important}
  .mx-header-v0148 .mx-header__in{width:min(100% - 30px,1100px)!important}
  .mx-header-v0148 .mx-site-menu-toggle{display:inline-flex!important;flex:0 0 auto!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.09)!important;color:#fff!important}
  .mx-header-v0148 .mx-menu-icon i{background:#fff!important}
  .mx-site-nav-v0148,.mx-header-v0148.mx-header--overlay .mx-site-nav-v0148{position:fixed!important;top:68px!important;right:0!important;bottom:0!important;width:min(430px,92vw)!important;padding:15px 16px calc(24px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;overflow:auto!important;transform:translateX(105%)!important;transition:transform .2s ease!important;background:#fff!important;border-left:1px solid var(--mx48-line)!important;box-shadow:-18px 0 46px rgba(3,35,64,.16)!important;color:var(--mx48-ink)!important;z-index:1100!important}
  .mx-site-nav-v0148.is-open{transform:translateX(0)!important}
  .admin-bar .mx-site-nav-v0148{top:100px!important}
  .mx-nav-list-v0148{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:1px!important;width:100%!important}
  .mx-nav-list-v0148>li{width:100%!important}
  .mx-header-v0148 .mx-nav-list-v0148>li>a,.mx-header-v0148.mx-header--overlay .mx-nav-list-v0148>li>a{min-height:46px!important;width:100%!important;padding:0 9px!important;border-bottom:1px solid #edf2f5!important;border-radius:0!important;color:#17334f!important;background:transparent!important;font-size:14px!important;text-shadow:none!important}
  .mx-header-v0148 .mx-nav-list-v0148>li>a.is-current{color:#2c7010!important}.mx-header-v0148 .mx-nav-list-v0148>li>a.is-current:after{left:0!important;right:auto!important;top:11px!important;bottom:11px!important;width:3px!important;height:auto!important;background:var(--mx48-green)!important}
  .mx-nav-utility-v0148{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding-top:6px;border-top:1px solid #e6edf2}.mx-nav-utility-v0148 a{display:flex;align-items:center;min-height:38px;padding:0 9px;border-radius:7px;background:#f4f8fb;color:#365069;text-decoration:none;font-size:11.5px;font-weight:500}
  .mx-header-v0148 .mx-header-cta{width:100%!important;min-height:46px!important;margin-top:3px!important}
  .mx-site-menu-overlay.is-open{display:block!important;position:fixed!important;inset:68px 0 0!important;background:rgba(1,22,43,.46)!important;backdrop-filter:blur(2px)!important;z-index:1090!important}.admin-bar .mx-site-menu-overlay.is-open{inset:100px 0 0!important}
  .mxon48-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:24px;min-height:320px}.mxon48-hero__copy h1{font-size:clamp(38px,5vw,54px)}
  .mxon48-features.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-media-strip{grid-template-columns:1.2fr repeat(3,minmax(0,.8fr))}.mxon48-media-strip__video{grid-column:2/4}.mxon48-media-strip figure:nth-of-type(n+2){display:none}
}

/* ---------- Tablet portrait ---------- */
@media (max-width:900px){
  .mxon48-main .mx-wrap,.mx-public-home .mx-wrap{width:min(100% - 32px,820px)}
  .mxon48-hero__grid{grid-template-columns:1fr;min-height:auto;gap:18px;padding-top:36px;padding-bottom:32px}.mxon48-hero__copy{max-width:700px}.mxon48-hero__media{min-height:220px;max-height:300px;order:-1}.mxon48-hero__media img{max-height:300px;object-position:center}.mxon48-hero__copy h1{font-size:clamp(38px,7vw,52px)}
  .mxon48-split{grid-template-columns:1fr}.mxon48-split figure{order:-1}.mxon48-features,.mxon48-features.cols-3,.mxon48-features.cols-5,.mxon48-features.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.mxon48-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mxon48-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.mxon48-steps article:nth-child(3n):after{display:none}.mxon48-steps article:nth-child(n+4)>span{border-color:#2a6eb6;color:#1262ac}.mxon48-steps.is-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.mxon48-steps.is-timeline article:nth-child(2n):after{display:none}.mxon48-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mxon48-media-grid.is-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.mxon48-media-strip{grid-template-columns:1fr 1fr}.mxon48-media-strip__intro{grid-column:1}.mxon48-media-strip__video{grid-column:2}.mxon48-media-strip figure{display:none}.mxon48-join-grid{grid-template-columns:1fr}.mxon48-cta>.mx-wrap{border-radius:15px;}
}

/* ---------- Mobile special ---------- */
@media (max-width:767px){
  .mx-header-v0148,.mx-header-v0148.mx-header--overlay{height:60px!important}.admin-bar .mx-header-v0148{top:46px!important}.mx-header-v0148 .mx-header__in{height:60px!important;width:calc(100% - 20px)!important}.mx-header-v0148 .mx-brand__logo{max-height:36px!important}.mx-header-v0148 .mx-brand__mark{width:32px!important;height:32px!important}.mx-header-v0148 .mx-brand__text{font-size:14.5px!important}.mx-header-v0148 .mx-site-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;justify-content:center!important}.mx-header-v0148 .mx-site-menu-toggle>span:last-child{display:none!important}
  .mx-site-nav-v0148{top:60px!important;left:0!important;right:0!important;width:100%!important;padding:10px 11px calc(78px + env(safe-area-inset-bottom))!important;border-left:0!important;border-top:1px solid var(--mx48-line)!important}.admin-bar .mx-site-nav-v0148{top:106px!important}.mx-header-v0148 .mx-nav-list-v0148>li>a{min-height:44px!important;font-size:13.5px!important}.mx-nav-utility-v0148{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-site-menu-overlay.is-open{inset:60px 0 0!important}.admin-bar .mx-site-menu-overlay.is-open{inset:106px 0 0!important}
  .mxon48-main .mx-wrap,.mx-public-home .mx-wrap{width:calc(100% - 22px)}
  .mxon48-hero{background-image:linear-gradient(180deg,rgba(2,30,63,.91),rgba(2,53,95,.84)),url('../images/mxon-leaf-blue-portrait.webp');background-position:center}.mxon48-hero__grid{display:flex;flex-direction:column;padding-top:20px;padding-bottom:26px;gap:16px}.mxon48-hero__media{order:0;width:calc(100% + 22px);margin-inline:-11px;min-height:180px;max-height:238px}.mxon48-hero__media img{width:100%;max-height:238px;object-fit:var(--mx48-fit,cover)}.mxon48-hero__copy{order:1;width:100%;text-align:left}.mxon48-hero__copy h1{font-size:clamp(32px,10vw,42px);line-height:1.02}.mxon48-hero__copy p{margin-top:12px;font-size:13px;line-height:1.55}.mxon48-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.mxon48-btn{width:100%;min-height:44px;padding-inline:10px;font-size:11px}
  .mxon48-section{padding:34px 0}.mxon48-head{display:block;margin-bottom:16px}.mxon48-head h2{font-size:clamp(25px,7.7vw,32px)}.mxon48-head p{font-size:12.5px}.mxon48-head>a{display:inline-flex;margin-top:10px}
  .mxon48-split{padding:8px;gap:8px;border-radius:13px}.mxon48-copy-card{padding:15px 12px}.mxon48-copy-card h3{font-size:21px}.mxon48-split figure img{min-height:190px}.mxon48-features,.mxon48-features.cols-3,.mxon48-features.cols-5,.mxon48-features.cols-6{grid-template-columns:1fr;gap:7px}.mxon48-features article{min-height:0;padding:13px;align-items:center}.mxon48-features i{width:38px;height:38px}.mxon48-features i svg{width:21px;height:21px}.mxon48-features p{font-size:10.7px}.mxon48-dual{grid-template-columns:1fr;gap:8px}.mxon48-dual>a{min-height:150px;padding:19px}.mxon48-dual h3{font-size:22px}
  .mxon48-category-grid{grid-template-columns:1fr;gap:7px}.mxon48-category-grid>a{min-height:76px}.mxon48-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mxon48-product-card>img{padding:7px}.mxon48-product-card>div{padding:9px}.mxon48-product-card strong{font-size:10.8px}.mxon48-product-card p{display:none}
  .mxon48-steps,.mxon48-steps.is-timeline{grid-template-columns:1fr;padding:10px 13px;gap:0}.mxon48-steps article,.mxon48-steps.is-timeline article{display:grid;grid-template-columns:38px 1fr;align-items:center;text-align:left;padding:7px 0}.mxon48-steps article:not(:last-child):after,.mxon48-steps.is-timeline article:not(:last-child):after{display:block;left:19px;top:44px;bottom:-6px;right:auto;width:1px;height:auto}.mxon48-steps article>span{width:36px;height:36px;font-size:12px}.mxon48-steps article>div{padding-left:10px}.mxon48-steps strong{margin:0}.mxon48-steps p{margin:3px 0 0}
  .mxon48-media-grid,.mxon48-media-grid.is-compact,.mxon48-media-grid.is-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mxon48-media-card>span{padding:8px}.mxon48-media-card strong{font-size:9.8px}.mxon48-media-card small{font-size:8.5px}.mxon48-media-strip{display:grid;grid-template-columns:1fr;padding:9px;gap:8px}.mxon48-media-strip__intro,.mxon48-media-strip__video{grid-column:1}.mxon48-media-strip__intro{padding:6px}.mxon48-media-strip__video video{min-height:0}.mxon48-media-strip figure{display:none}.mxon48-quote{padding:18px 15px;font-size:16px}
  .mxon48-join-card{padding:18px}.mxon48-join-card h3{font-size:21px}.mxon48-cta{padding:0 0 12px}.mxon48-cta>.mx-wrap{display:block;min-height:0;padding:20px;border-radius:13px}.mxon48-cta strong{font-size:20px}.mxon48-cta a{width:100%;margin-top:14px}.mxon48-cta p{font-size:11px}
  .mx-public-home .mx-section{padding-top:34px!important;padding-bottom:34px!important}.mx-home-brand-split-v0145__grid>a{min-height:170px!important;padding:19px!important}.mx-home-brand-split-v0145__grid h3{font-size:23px!important}
  .mx-mobile-dock{z-index:980!important}
}

@media (max-width:390px){
  .mxon48-actions{grid-template-columns:1fr}.mxon48-product-grid{grid-template-columns:1fr 1fr}.mxon48-media-grid,.mxon48-media-grid.is-compact,.mxon48-media-grid.is-stories{grid-template-columns:1fr 1fr}.mxon48-hero__copy h1{font-size:31px}.mxon48-head h2{font-size:25px}
}

@media (prefers-reduced-motion:reduce){.mxon48-btn,.mxon48-media-card,.mxon48-product-card,.mx-header-v0148 a{transition:none!important}}

/* Ana sayfa özel: video ilk pikselden başlar, menü video üzerinde gerçek glass çalışır. */
.mx-header-v0148.mx-header--overlay{position:fixed!important;left:0!important;right:0!important;background-image:linear-gradient(90deg,rgba(1,24,50,.42),rgba(2,52,87,.24)),url('../images/mxon-leaf-blue-landscape.webp')!important;background-size:cover!important;background-position:center!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(120%)!important}
.mx-header-v0148.mx-header--overlay.is-scrolled{background-image:linear-gradient(90deg,rgba(1,25,52,.96),rgba(2,49,89,.91)),url('../images/mxon-leaf-blue-landscape.webp')!important;box-shadow:0 8px 28px rgba(0,25,51,.16)!important;backdrop-filter:blur(14px) saturate(130%)!important}
@media(max-width:767px){.mx-header-v0148.mx-header--overlay{background-image:linear-gradient(90deg,rgba(1,24,50,.52),rgba(2,52,87,.34)),url('../images/mxon-leaf-blue-portrait.webp')!important}}