/* ═══════════════════════════════════════════════════════════════════════
   MAYKAGRUP — HQ LITE  ·  "Editorial HQ / Static-first"
   Loaded LAST — overrides the heavy scroll/pin/GSAP/Lenis motion concept.

   Karar (2026-08-12): Scroll/pin/parallax/WebGL ağır motion BAŞARISIZ.
   Yeni kavram: premium editoryal, foto-forward, minimal hareket.
   - Pin / 100vh scroll-chapter YOK  → normal document flow
   - WebGL globe / scroll-scrub / parallax YOK
   - Dekoratif viz + stock PNG cutout GİZLİ (paint tasarrufu)
   - Reveal: yalnız tek seferlik CSS fade-in (maykagrup.js IO → .is-in)

   Bu dosya motion CSS'lerini SİLMEZ; yalnız override eder (cache-safe).
   ═══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   0 · GLOBAL — akıcı native scroll, yatay taşma kilidi
   ───────────────────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem; /* trade desk (~37px) + header clearance */
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
html:has(body.grup-home),
body.grup-home {
  overflow-x: hidden;
}

/* Reveal biter bitmez katman promotion'ı bırak — bellek/kompozit maliyeti */
body.grup-home [data-reveal].is-in {
  will-change: auto;
}

/* ─────────────────────────────────────────────────────────────
   1 · PIN / 100vh CHAPTER KURALLARINI DEVRE DIŞI BIRAK
   mg-journey-v3 + mg-motion-chapters-v2 pin/scroll-chapter override
   ───────────────────────────────────────────────────────────── */
body.grup-home .mg-chapter-pin,
body.grup-home .mg-chapter-pin--consulting,
body.grup-home .uc-hero-pin-wrap {
  min-height: 0 !important;
  height: auto !important;
  position: relative !important;
}

/* GSAP pin kaldığında kalabilecek inline transform/fixed izlerini nötrle */
body.grup-home .uc-hero-pin-wrap > .mg-hero,
body.grup-home .mg-chapter-pin > * {
  position: relative !important;
  transform: none !important;
}

/* Scene foreground içeriği her zaman görünür (motion JS yok) */
body.grup-home .mg-scene__foreground,
body.grup-home .uc-svc-band__content,
body.grup-home .uc-reliability__content,
body.grup-home .mg-section__head {
  opacity: 1 !important;
}

/* ─────────────────────────────────────────────────────────────
   2 · HERO — full-bleed statik foto + gradient (parallax/WebGL YOK)
   ───────────────────────────────────────────────────────────── */
/* WebGL / 2D globe ağını tamamen kaldır */
body.grup-home .mg-hero__network,
body.grup-home .mg-hero__globe-uc,
body.grup-home .mg-hero__globe-shadow-grp,
body.grup-home [data-trade-network],
body.grup-home [data-trade-network-canvas],
body.grup-home .mg-hero__routes,
body.grup-home .mg-hero__fragment-grid,
body.grup-home [data-hero-fragment-grid],
body.grup-home .mg-hero__ship-layer,
body.grup-home .mg-hero__scroll-cue,
body.grup-home .mg-hero__phase-hud,
body.grup-home .mg-chapter-viz--hero {
  display: none !important;
}

/* Statik hero fotoğrafı — scroll zoom/parallax yok */
body.grup-home .mg-hero__atmosphere-photo {
  transform: none !important;
  will-change: auto !important;
}

/* Hero pillars editorial chip olarak görünür (journey display:none override) */
body.grup-home .mg-hero__pillars {
  display: flex !important;
}

/* ─────────────────────────────────────────────────────────────
   3 · DEKORATİF MOTION KATMANLARI — paint maliyetini kes
   ───────────────────────────────────────────────────────────── */
body.grup-home .mg-chapter-viz,
body.grup-home .mg-data-burst,
body.grup-home .mg-gtos-graph,
body.grup-home .mg-trade-routes,
body.grup-home .mg-scene__particle-field,
body.grup-home .mg-scene__particle,
body.grup-home .mg-journey-rail,
body.grup-home .mg-loop-orbit,
body.grup-home .uc-cloud-overlap,
body.grup-home .mg-chapter-bar {
  display: none !important;
}

/* Parallax scene layer'ları: statik, katman promotion yok
   (bg gradyanı korunur — ambient derinlik) */
body.grup-home .mg-scene__layer {
  will-change: auto !important;
  transform: none !important;
}

/* ─────────────────────────────────────────────────────────────
   4 · STOCK PNG CUTOUT'LARI TAMAMEN GİZLE
   ───────────────────────────────────────────────────────────── */
body.grup-home .uc-svc-band__cutout {
  display: none !important;
}

/* Arka plan fotoğrafları kalır (foto-forward) ama scroll transform yok */
body.grup-home .uc-svc-band__bg-photo,
body.grup-home .uc-reliability__bg-img {
  transform: none !important;
  will-change: auto !important;
}

/* ─────────────────────────────────────────────────────────────
   5 · SERVICE BANDS — pinli stack yerine normal editoryal akış
   ───────────────────────────────────────────────────────────── */
body.grup-home .uc-svc-band-stack {
  display: block;
}
body.grup-home .uc-svc-band {
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;
  min-height: auto;
}

/* ─────────────────────────────────────────────────────────────
   6 · OPERATIONS FLOW — statik yatay step rail (traveling signal yok)
   ───────────────────────────────────────────────────────────── */
body.grup-home .mg-trade-flow-viz__step {
  opacity: 1 !important;
  transform: none !important;
}
body.grup-home .mg-trade-flow-viz::after {
  display: none !important; /* scroll-scrub gold sinyali */
}

/* ─────────────────────────────────────────────────────────────
   7 · CHIP / EDITORIAL POLISH — hero pillars ölçü tutarlılığı
   ───────────────────────────────────────────────────────────── */
body.grup-home .mg-hero__pillars {
  margin-top: 1rem;
}

/* MAYKA wordmark descriptor — second line, compact on narrow screens. */
body.grup-home .brand-mark--lg {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  gap: clamp(0.65rem, 1.3vw, 1.2rem);
}

body.grup-home .brand-mark__name {
  flex: 0 0 auto;
}

body.grup-home .brand-mark__gtos {
  display: block;
  max-width: min(52vw, 31rem);
  font-size: clamp(0.43rem, 0.62vw, 0.56rem);
  letter-spacing: 0.13em;
  line-height: 1.2;
}

/* Corporate ecosystem headquarters layer. */
body.grup-home .mayka-corporate-hq {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
  gap: 1.5rem;
  align-items: stretch;
  padding-block: clamp(4rem, 9vw, 8rem);
}

body.grup-home .mayka-corporate-hq__intro {
  grid-column: 1 / -1;
  max-width: 54rem;
}

body.grup-home .mayka-corporate-hq__identity {
  display: grid;
  align-content: center;
  gap: 0.55rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid rgba(232, 197, 71, 0.32);
  background: linear-gradient(135deg, rgba(232, 197, 71, 0.1), rgba(255, 255, 255, 0.025));
}

body.grup-home .mayka-corporate-hq__identity strong {
  max-width: 31rem;
  font-size: clamp(0.92rem, 1.8vw, 1.25rem);
  letter-spacing: 0.04em;
}

body.grup-home .mayka-corporate-hq__identity span:last-child {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.78rem;
}

body.grup-home .mayka-corporate-hq__label {
  color: var(--hq-gold);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.grup-home .mayka-corporate-hq__axes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

body.grup-home .mayka-corporate-hq__axis {
  display: grid;
  gap: 0.25rem;
  min-height: 7rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

body.grup-home .mayka-corporate-hq__axis:hover,
body.grup-home .mayka-corporate-hq__axis:focus-visible {
  border-color: rgba(232, 197, 71, 0.65);
  background: rgba(232, 197, 71, 0.06);
}

body.grup-home .mayka-corporate-hq__axis b {
  color: var(--hq-gold);
  font-size: 0.65rem;
  letter-spacing: 0.14em;
}

body.grup-home .mayka-corporate-hq__axis span {
  font-weight: 700;
  letter-spacing: 0.05em;
}

body.grup-home .mayka-corporate-hq__axis small {
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.7rem;
}

body.grup-home ::selection {
  color: #07090d;
  background: var(--hq-gold);
}

body.grup-home :is(a, button):focus-visible {
  outline: 2px solid var(--hq-gold);
  outline-offset: 4px;
}

body.grup-home .mg-ecosystem__root {
  position: relative;
  isolation: isolate;
  margin-bottom: clamp(2.5rem, 6vw, 4.5rem);
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid rgba(232, 197, 71, 0.35);
  background: radial-gradient(circle at 50% 0, rgba(232, 197, 71, 0.12), transparent 64%);
  text-align: center;
}

body.grup-home .mg-ecosystem__root::after {
  position: absolute;
  z-index: -1;
  right: 50%;
  bottom: -3.2rem;
  width: 1px;
  height: 3.2rem;
  background: linear-gradient(rgba(232, 197, 71, 0.55), transparent);
  content: "";
}

body.grup-home .mg-ecosystem__dimensions {
  position: relative;
}

body.grup-home .mg-ecosystem__pillar {
  min-height: 15rem;
}

body.grup-home .mg-ecosystem__entity-note {
  max-width: 30rem;
}

body.grup-home .mayka-anchor {
  display: block;
  scroll-margin-top: 7rem;
}

body.grup-home .mg-ecosystem__entity-relation {
  display: block;
  margin-top: 0.35rem;
  color: var(--hq-gold);
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  body.grup-home .mayka-corporate-hq {
    grid-template-columns: 1fr;
  }

  body.grup-home .mayka-corporate-hq__intro,
  body.grup-home .mayka-corporate-hq__identity,
  body.grup-home .mayka-corporate-hq__axes {
    grid-column: auto;
  }

  body.grup-home .brand-mark--lg {
    flex-wrap: wrap;
    row-gap: 0.2rem;
  }

  body.grup-home .brand-mark__gtos {
    max-width: 100%;
  }

  body.grup-home .mg-ecosystem__pillar {
    min-height: 0;
  }

  body.grup-home .mg-ecosystem__root::after {
    bottom: -2.2rem;
    height: 2.2rem;
  }
}