/*
 * MXonnowell v0.1.64 — Mobil 360° UX / Tablet Ayrıştırma / Performans Bütçesi
 * Son responsive kilit: mobil <=767, tablet 768-1279, yoğun nav <=1480.
 */
:root{
  --mx64-header-mobile:60px;
  --mx64-header-tablet:68px;
  --mx64-dock-h:64px;
  --mx64-vvh:100svh;
  --mx64-vvw:100vw;
  --mx64-safe-top:env(safe-area-inset-top,0px);
  --mx64-safe-right:env(safe-area-inset-right,0px);
  --mx64-safe-bottom:env(safe-area-inset-bottom,0px);
  --mx64-safe-left:env(safe-area-inset-left,0px);
  --mx64-touch:46px;
  --mx64-panel:#fff;
  --mx64-line:#e5ebe8;
  --mx64-text:#17342a;
  --mx64-muted:#667b72;
  --mx64-green:#087a3e;
  --mx64-green-soft:#edf7f1;
  --mx64-deep:#071611;
}
html{overflow-x:hidden}
html.mx64-keyboard-open{scroll-behavior:auto!important}
body{overflow-x:hidden}
body.mx-menu-open{touch-action:none;overscroll-behavior:none}

/* İlk kare / CLS: video alanı baştan ölçülüdür, hazır olana dek sessiz placeholder gösterir. */
.mxon62-public-video-shell,.mx-device-video,.mx49-film,.mx-video-library-card__media{position:relative;background:#06120e;isolation:isolate}
.mxon62-public-video-shell::before,.mx-device-video::before,.mx-video-library-card__media::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,#071711 8%,#0d2119 20%,#071711 34%);background-size:200% 100%;
  animation:mx64-skeleton 1.25s linear infinite;opacity:.72;transition:opacity .18s ease;
}
.mxon62-public-video-shell.is-video-ready::before,.mx-device-video.is-video-ready::before,.mx-video-library-card__media.is-video-ready::before{opacity:0;animation:none}
.mxon62-public-video-shell video,.mx-device-video video,.mx-video-library-card__media video{position:relative;z-index:1}
.mxon62-public-video-shell.is-buffering::after,.mx-device-video.is-buffering::after{
  content:"";position:absolute;z-index:3;left:50%;top:50%;width:24px;height:24px;margin:-12px;border:2px solid rgba(255,255,255,.26);border-top-color:#fff;border-radius:50%;animation:mx64-spin .72s linear infinite;pointer-events:none
}
@keyframes mx64-spin{to{transform:rotate(360deg)}}
@keyframes mx64-skeleton{to{background-position:-200% 0}}

/* Ekran altındaki ağır bölümler tarayıcı tarafından gerektiğinde çizilir. Hero/video aktif alanlar hariç. */
@supports(content-visibility:auto){
  main>.mx-section:not(:first-child),main>.mx-soft-section:not(:first-child),.mx49-home>.mx49-products,.mx49-home>.mx49-media,.mx49-home>.mx49-business{content-visibility:auto;contain-intrinsic-size:1px 720px}
}

/* Dokunmatik hedef sözleşmesi. */
@media (max-width:1279px){
  a.mx-btn,button,input[type="button"],input[type="submit"],input[type="reset"],select,.mx-site-menu-toggle,.mx-mobile-dock a{min-height:var(--mx64-touch)}
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select{font-size:16px!important}
  button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .mx-btn{padding-inline:16px!important}
  .mx-actions{gap:10px!important}
  .mx-header,.mx-btn--glass,.mx-hero-proof span,.mx-mobile-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* ---------- MOBİL <= 767 ---------- */
@media (max-width:767px){
  html{scroll-padding-top:calc(var(--mx64-header-mobile) + 10px)}
  body.mx-has-mobile-dock{padding-bottom:calc(var(--mx64-dock-h) + var(--mx64-safe-bottom) + 8px)!important}
  .mx-wrap{width:min(100% - 28px,1240px)!important}
  .mx-section{padding:52px 0!important}
  .mx-standard-page{padding:38px 0 64px!important}

  /* Header ilk ekranı tüketmez. */
  html body .mx-header-v0148{height:var(--mx64-header-mobile)!important;min-height:var(--mx64-header-mobile)!important;background:#fff!important;border-bottom:1px solid var(--mx64-line)!important;box-shadow:0 4px 18px rgba(12,36,28,.055)!important}
  html body .mx-header-v0148 .mx-header__in{height:100%!important;gap:10px!important}
  html body .mx-header-v0148 .mx-brand__logo{max-height:40px!important;max-width:156px!important}
  html body .mx-header-v0148 .mx-brand__apex-copy strong{font-size:17px!important}
  html body .mx-header-v0148 .mx-brand__apex-copy small{font-size:8px!important}
  html body .mx-header-v0148 .mx-site-menu-toggle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border:1px solid #dfe8e3!important;border-radius:13px!important;background:#f7faf8!important;box-shadow:none!important}
  html body .mx-header-v0148 .mx-site-menu-toggle[aria-expanded="true"]{background:var(--mx64-green)!important;border-color:var(--mx64-green)!important}
  html body .mx-header-v0148 .mx-site-menu-toggle[aria-expanded="true"] .mx-menu-icon i{background:#fff!important}
  .mx-menu-icon{gap:4px!important}.mx-menu-icon i{width:19px!important;height:1.5px!important}

  /* Premium mobil menü: tam ekran, net hiyerarşi, bir el ile erişilebilir. */
  html body .mx-mobile-drawer-v0162{
    top:var(--mx61-nav-top,var(--mx64-header-mobile))!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;
    border:0!important;border-radius:0!important;background:var(--mx64-panel)!important;box-shadow:none!important;
    padding:0!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important
  }
  .mx-mobile-menu-head-v0162{position:sticky!important;top:0!important;z-index:2!important;min-height:70px!important;padding:10px 14px!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid var(--mx64-line)!important}
  .mx-mobile-menu-brand-v0162 img{width:42px!important;height:42px!important;object-fit:contain!important}
  .mx-mobile-menu-brand-v0162 strong{font-size:13px!important;letter-spacing:.04em!important}.mx-mobile-menu-brand-v0162 small{font-size:10px!important}
  .mx-site-menu-close-v0162{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;background:#f3f7f5!important}
  .mx-mobile-menu-body-v0162{gap:18px!important;padding:17px 14px calc(26px + var(--mx64-safe-bottom))!important}
  .mx-mobile-menu-label-v0162{margin:0 4px 9px!important;font-size:10px!important;letter-spacing:.12em!important;color:#7c8f87!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148{gap:6px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a{min-height:50px!important;padding:0 42px 0 14px!important;border:1px solid #edf1ef!important;border-radius:14px!important;background:#fff!important;font-size:14px!important;font-weight:570!important;color:#1b382e!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a.is-current{background:var(--mx64-green-soft)!important;border-color:#cae4d4!important;box-shadow:inset 3px 0 0 var(--mx64-green)!important;color:#075d31!important;font-weight:670!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-utility-v0148 a{min-height:48px!important;border-radius:13px!important;font-size:11.5px!important}
  html body .mx-mobile-drawer-v0162 .mx-mobile-login-v0162{min-height:60px!important;border-radius:15px!important;padding:10px 16px!important}
  .mx-mobile-menu-overlay-v0161{background:rgba(5,18,13,.36)!important;backdrop-filter:none!important}

  /* İlk ekran: gerçek viewport, safe-area, sabit geometri. */
  body.home .mx49-film{
    height:calc(var(--mx64-vvh) - var(--mx64-header-mobile))!important;
    min-height:520px!important;max-height:none!important;margin:0!important;border-radius:0!important
  }
  body.home .mx49-film .mx-film-stage{height:100%!important;min-height:0!important}
  body.home .mx49-film .mx-film-slide{inset:6px 6px 52px 6px!important;border-radius:12px!important;overflow:hidden!important}
  body.home .mx49-film .mx-film-toolbar{height:46px!important;min-height:46px!important;padding:0 10px calc(var(--mx64-safe-bottom)*.15)!important;background:#06120e!important}
  body.home .mx49-film .mx-film-prev,body.home .mx49-film .mx-film-next,body.home .mx49-film .mx-film-pause{min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important}

  html body .mxon50-template-video,html body .mxon50-video-hero{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;
    margin:0!important;padding:6px!important;background:#06120e!important;overflow:hidden!important
  }
  html.mx64-portrait body .mxon50-template-video.is-source-portrait-v0163,html.mx64-portrait body .mxon50-video-hero.is-source-portrait-v0163{aspect-ratio:9/16!important;max-height:calc(var(--mx64-vvh) - var(--mx64-header-mobile) - 12px)!important}
  html body .mxon50-template-video>video,html body .mxon50-video-hero video{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;background:#06120e!important}
  html body .mxon62-public-video-shell--inline{width:100%!important;max-width:100%!important;max-height:none!important;margin:22px auto!important;padding:6px!important;border-radius:15px!important;aspect-ratio:16/9!important;overflow:hidden!important}
  html body .mxon62-public-video-shell--inline.is-source-portrait-v0163{width:min(100%,430px)!important;aspect-ratio:9/16!important;max-height:calc(var(--mx64-vvh) - var(--mx64-header-mobile) - 90px)!important}
  html body .mxon62-public-video-shell--inline video{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}

  /* Tipografi: küçük ekranda küçültme değil, ayrı ölçek. */
  .mx-public-hero h1,.mx-member-hero h1,.mx-product-hero__copy h1{font-size:clamp(32px,9.4vw,45px)!important;line-height:1.04!important;letter-spacing:-.042em!important}
  .mx-section-heading h2,.mx-section-title,.mx-feature-copy h2,.mx-video-copy h2,.mx-contact-card h2,.mx49-section-head h2{font-size:clamp(27px,7.5vw,36px)!important;line-height:1.08!important;letter-spacing:-.032em!important}
  .mx-public-hero__lead,.mx-member-hero__lead,.mx-lead{font-size:15.5px!important;line-height:1.55!important}
  .mx-section-heading p,.mx-feature-copy p,.mx-video-copy p,.mx-contact-card p,.mx-rich{font-size:15px!important;line-height:1.58!important}

  /* Kartlar: mobilde tek kolon, daha kısa ve dokunmatik. */
  .mx-solution-grid,.mx49-product-grid,.mx-editorial-grid,.mx-contact-panels,.mx-video-showcase__grid,.mx-catalog-products,.mx-product-category-grid--catalog{grid-template-columns:1fr!important;gap:12px!important}
  .mx49-product-card,.mx-solution-grid article,.mx-contact-panels article{min-height:0!important;border-radius:16px!important}
  .mx49-product-card__media{aspect-ratio:4/3!important;min-height:0!important}
  .mx49-product-card__media img{width:100%!important;height:100%!important;object-fit:contain!important}

  /* Ürün detay: medya > başlık > CTA; butonlar tek elle. */
  .mx-product-detail{width:min(100% - 28px,1240px)!important}
  .mx-product-hero{grid-template-columns:1fr!important;gap:22px!important;padding:26px 0 34px!important}
  .mx-product-hero__media{order:1!important;min-height:0!important;border-radius:16px!important}
  .mx-product-hero__copy{order:2!important}
  .mx-product-hero__copy .mx-actions,.mx-product-cta .mx-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .mx-product-hero__copy .mx-btn,.mx-product-cta .mx-btn{width:100%!important}
  .mx-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}

  /* Formlar: iOS zoom yok, hata/CTA görünür. */
  form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),form select,form textarea{width:100%;min-height:48px;border-radius:12px!important;padding:11px 12px!important}
  form textarea{min-height:118px!important;resize:vertical}
  form.mx64-submitting button[type="submit"],form.mx64-submitting input[type="submit"]{pointer-events:none!important;opacity:.72!important}

  /* 5'li hızlı navigasyon. */
  html body .mx-mobile-dock{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:8px!important;right:8px!important;bottom:calc(7px + var(--mx64-safe-bottom))!important;height:58px!important;min-height:58px!important;padding:5px!important;border:1px solid #dce6e1!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(8,31,22,.14)!important;z-index:999!important}
  html body .mx-mobile-dock a{min-width:0!important;min-height:48px!important;padding:3px 1px!important;gap:2px!important;border-radius:13px!important;color:#60746b!important}
  html body .mx-mobile-dock a span{width:20px!important;height:20px!important}html body .mx-mobile-dock a em{font-size:9px!important;line-height:1!important;white-space:nowrap!important}
  html body .mx-mobile-dock a.is-current{background:var(--mx64-green-soft)!important;color:#066334!important}
  html.mx64-keyboard-open body .mx-mobile-dock{display:none!important}

  /* Telefon yatay: header/dock küçülür, video sahnesi sinematikleşir. */
  html.mx64-phone-landscape body .mx-header-v0148{height:52px!important;min-height:52px!important}
  html.mx64-phone-landscape body.home .mx49-film{height:calc(var(--mx64-vvh) - 52px)!important;min-height:320px!important}
  html.mx64-phone-landscape body.home .mx49-film .mx-film-slide{inset:4px 4px 44px!important}
  html.mx64-phone-landscape body .mx-mobile-dock{height:52px!important;min-height:52px!important}
  html.mx64-phone-landscape body .mx-mobile-dock a{min-height:42px!important;flex-direction:row!important;gap:4px!important}
  html.mx64-phone-landscape body .mx-mobile-dock a em{font-size:9px!important}
}

/* ---------- TABLET 768-1279 ---------- */
@media (min-width:768px) and (max-width:1279px){
  html{scroll-padding-top:calc(var(--mx64-header-tablet) + 12px)}
  .mx-wrap{width:min(100% - 44px,1240px)!important}
  .mx-section{padding:68px 0!important}
  html body .mx-header-v0148{height:var(--mx64-header-tablet)!important;min-height:var(--mx64-header-tablet)!important;background:#fff!important;border-bottom:1px solid var(--mx64-line)!important;box-shadow:0 4px 18px rgba(12,36,28,.045)!important}
  html body .mx-header-v0148 .mx-brand__logo{max-height:46px!important}
  html body .mx-header-v0148 .mx-site-menu-toggle{min-width:92px!important;height:46px!important;border-radius:13px!important;background:#f7faf8!important;border-color:#dfe8e3!important}
  html body .mx-header-v0148 .mx-site-menu-toggle[aria-expanded="true"]{background:var(--mx64-green)!important;color:#fff!important;border-color:var(--mx64-green)!important}
  html body .mx-header-v0148 .mx-site-menu-toggle[aria-expanded="true"] .mx-menu-icon i{background:#fff!important}

  html body .mx-mobile-drawer-v0162{width:min(440px,58vw)!important;max-width:440px!important;top:var(--mx61-nav-top,var(--mx64-header-tablet))!important;bottom:0!important;border-radius:0!important;background:#fff!important;box-shadow:-18px 18px 48px rgba(7,30,21,.16)!important}
  .mx-mobile-menu-head-v0162{min-height:76px!important;padding:11px 16px!important}.mx-mobile-menu-body-v0162{padding:18px 16px calc(28px + var(--mx64-safe-bottom))!important;gap:16px!important}
  html body .mx-mobile-drawer-v0162 .mx-nav-list-v0148>li>a{min-height:49px!important;border-radius:13px!important}

  html body .mxon50-template-video,html body .mxon50-video-hero{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;padding:8px!important;background:#06120e!important}
  html.mx64-tablet-portrait body .mxon50-template-video.is-source-portrait-v0163,html.mx64-tablet-portrait body .mxon50-video-hero.is-source-portrait-v0163{width:min(100%,620px)!important;margin-inline:auto!important;aspect-ratio:9/16!important;max-height:calc(var(--mx64-vvh) - var(--mx64-header-tablet) - 24px)!important}
  html body .mxon50-template-video>video,html body .mxon50-video-hero video{width:100%!important;height:100%!important;object-fit:contain!important;background:#06120e!important}
  html body .mxon62-public-video-shell--inline{padding:8px!important;margin:28px auto!important;background:#06120e!important}

  .mx-solution-grid,.mx49-product-grid,.mx-editorial-grid,.mx-catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .mx-product-hero{gap:34px!important}
  form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),form select,form textarea{min-height:48px}
}

/* Tablet dikey: daha geniş mobil ritmi. */
@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){
  .mx-public-hero__content{padding:78px 0 72px!important}.mx-public-hero h1,.mx-member-hero h1{font-size:clamp(40px,7vw,58px)!important}
  .mx-product-hero{grid-template-columns:1fr!important}.mx-product-hero__media{max-width:680px!important;margin-inline:auto!important;width:100%!important}
}

/* Tablet yatay: desktop'e yakın ama dokunmatik. */
@media (min-width:1024px) and (max-width:1279px) and (orientation:landscape){
  html body .mx-mobile-drawer-v0162{width:420px!important;max-width:420px!important}
  .mx-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mx49-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mx-public-hero__content{padding:88px 0 82px!important}
}

/* Yoğun navigasyon için 1280-1480 drawer korunur, içerik masaüstüdür. */
@media (min-width:1280px) and (max-width:1480px){
  html body .mx-mobile-drawer-v0162{width:430px!important;max-width:430px!important;background:#fff!important;box-shadow:-18px 18px 48px rgba(7,30,21,.15)!important}
}

/* Safari/iOS viewport ve safe-area sertleştirme. */
@supports(-webkit-touch-callout:none){
  @media (max-width:767px){body.home .mx49-film{min-height:-webkit-fill-available}.mx-mobile-drawer-v0162{-webkit-overflow-scrolling:touch}}
}

/* Veri tasarrufu / yavaş ağ: pahalı süs efektleri kapatılır; video görünürlüğü korunur. */
html.mx64-data-saver *{scroll-behavior:auto!important}
html.mx64-data-saver .mxon62-public-video-shell::before,html.mx64-data-saver .mx-device-video::before{animation:none!important}
html.mx64-low-power .mx-card,html.mx64-low-power .mx49-product-card{box-shadow:none!important}

@media (prefers-reduced-motion:reduce){
  .mxon62-public-video-shell::before,.mx-device-video::before{animation:none!important}
  .mx-mobile-drawer-v0162,.mx-mobile-menu-overlay-v0161,.mx49-film .mx-film-slide{transition:none!important}
}

/* v0.1.64 Kurumsal Medya Merkezi video kalıbı uygulaması. */
@media (max-width:767px){
  body.home .mx49-film .mx-film-slide[data-frame-mobile="fill"] video{object-fit:cover!important}
  body.home .mx49-film .mx-film-slide[data-frame-mobile="safe"] video,
  body.home .mx49-film .mx-film-slide[data-frame-mobile="smart"] video{object-fit:contain!important;background:#06120e!important}
}
@media (min-width:768px) and (max-width:1279px) and (orientation:portrait){
  body.home .mx49-film .mx-film-slide[data-frame-tablet-portrait="fill"] video{object-fit:cover!important}
  body.home .mx49-film .mx-film-slide[data-frame-tablet-portrait="safe"] video,
  body.home .mx49-film .mx-film-slide[data-frame-tablet-portrait="smart"] video{object-fit:contain!important;background:#06120e!important}
}
@media (min-width:768px) and (max-width:1279px) and (orientation:landscape){
  body.home .mx49-film .mx-film-slide[data-frame-tablet-landscape="safe"] video{object-fit:contain!important;background:#06120e!important}
  body.home .mx49-film .mx-film-slide[data-frame-tablet-landscape="fill"] video,
  body.home .mx49-film .mx-film-slide[data-frame-tablet-landscape="smart"] video{object-fit:cover!important}
}
@media (min-width:1280px){
  body.home .mx49-film .mx-film-slide[data-frame-desktop="safe"] video{object-fit:contain!important;background:#06120e!important}
  body.home .mx49-film .mx-film-slide[data-frame-desktop="fill"] video,
  body.home .mx49-film .mx-film-slide[data-frame-desktop="smart"] video{object-fit:cover!important}
}