/* ==========================================================================
   IXI — Kurumsal Zekâ ve Orkestrasyon Platformu
   Tasarım ASVARIS sitesine native olarak gömülüdür (#dc-root).
   Bu dosya yalnızca duyarlı davranışı ve site ile çakışmaları giderir;
   renk ve tipografi tasarımın kendi stillerindedir (helmet bloğu).
   ========================================================================== */

.ixi-orkestra { display: block; width: 100%; margin: 0; padding: 0; }
#dc-root { display: block; width: 100%; }
#dc-root img { max-width: 100%; }

/* Halka kartı: platform değişince zıplamasın — hepsi aynı boyutta */
#dc-root .ix-panel { min-height: 648px; }
@media (max-width: 920px) { #dc-root .ix-panel { min-height: 0; } }

/* Sabit başlık altında kalan çapaları düzelt */
#dc-root section[id] { scroll-margin-top: 90px; }

/* --------------------------------------------------- 1200px ve altı ------ */
@media (max-width: 1200px) {
  #dc-root section { padding-left: 28px !important; padding-right: 28px !important; }
  #dc-root .ix-wrap { padding-left: 0 !important; padding-right: 0 !important; }
  /* Kahraman bölümündeki 72px boşluk dar ekranda çok yer kaplıyor */
  #dc-root .ix-hero { gap: 44px !important; }
}

/* --------------------------------------------------- 980px ve altı ------- */
@media (max-width: 980px) {
  #dc-root .ix-2col { grid-template-columns: minmax(0, 1fr) !important; }
  #dc-root .ix-hero { gap: 34px !important; }

  /* Piramit ve maskot görselleri kendi satırına insin, ezilmesin */
  #dc-root .ix-hero > * { flex: 1 1 100% !important; min-width: 0 !important; }

  #dc-root section { padding-top: 60px !important; padding-bottom: 60px !important; }
}

/* --------------------------------------------------- 760px ve altı ------- */
@media (max-width: 760px) {
  #dc-root section { padding-left: 20px !important; padding-right: 20px !important; }

  #dc-root h1 { font-size: clamp(28px, 8vw, 40px) !important; }
  #dc-root h2 { font-size: clamp(23px, 6.2vw, 33px) !important; }
  #dc-root h3 { font-size: clamp(18px, 5vw, 24px) !important; }

  /* Maskot ruh hâli kartları tek kolona; 190px'lik auto-fit dar ekranda sıkışıyor */
  #dc-root .ix-auto { grid-template-columns: minmax(0, 1fr) !important; }

  /* Piramit alanı: 1/1 oran küçük ekranda gereksiz yükseklik yapıyor */
  #dc-root [style*="aspect-ratio: 1 / 1"] { aspect-ratio: 4 / 3 !important; }
}

/* --------------------------------------------------- hareket tercihi ----- */
@media (prefers-reduced-motion: reduce) {
  #dc-root *,
  #dc-root *::before,
  #dc-root *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}