/* ===== Metrics section (scoped) ===== */
.mtr-scope{
  --brand:#01b6e9;   /* ikon & vurgu */
  --ink:#1f2937;     /* başlık/metin */
  --muted:#4b5563;   /* alt metin */
  --card:#f7f9fb;    /* kart arka planı */
  --line:#e5e7eb;    /* kenarlık */
  --radius:16px;
  --shadow:0 16px 40px rgba(2,8,23,.08);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* container */
.mtr-scope .mtr-container{ width:min(1200px,94%); margin:0 auto; padding:clamp(20px,4vw,40px) 0; }

/* grid */
.mtr-scope .mtr-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:clamp(14px,2.4vw,28px);
  grid-template-columns: repeat(4, minmax(220px,1fr));
}
@media (max-width:1024px){ .mtr-scope .mtr-grid{ grid-template-columns: repeat(2, minmax(220px,1fr)); } }
@media (max-width:560px){  .mtr-scope .mtr-grid{ grid-template-columns: 1fr; } }
/* Sadece .omega-metrics içinde geçerli */
.omega-metrics{
  --brand:#01b6e9;       /* ikon ve vurgu rengi (Omega mavisi) */
  --ink:#242d38;         /* ana metin */
  --muted:#4a5563;       /* alt metin */
  --card:#f4f6f8;        /* kart arka planı */
  --line:#e6eaf0;        /* kenarlık */
  --radius:16px;
  --shadow:0 16px 44px rgba(2,8,23,.10);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
}

.omega-metrics .omx-container{width:min(1200px,94%);margin:0 auto;padding:32px 0}

.omega-metrics .omx-grid{
  list-style:none;margin:0;padding:0;
  display:grid;gap:28px;grid-template-columns:repeat(4,minmax(220px,1fr));
}
@media (max-width:1024px){ .omega-metrics .omx-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){  .omega-metrics .omx-grid{grid-template-columns:1fr} }

.omega-metrics .omx-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  min-height:180px;
  padding:24px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease;
}
.omega-metrics .omx-card:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(2,8,23,.14)}

.omega-metrics .omx-icon{
  color:var(--brand);
  width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;
}
.omega-metrics .omx-icon svg{width:56px;height:56px;display:block}

.omega-metrics .omx-value{
  font-weight:800;
  font-size:18px;          /* baş satır (rakam/başlık) */
  margin:4px 0 2px;
  color:var(--ink);
}
.omega-metrics .omx-label{
  font-size:16px;
  color:var(--muted);
}

/* yumuşak görünme animasyonu */
.omega-metrics .omx-reveal{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.omega-metrics .omx-reveal.omx-in{opacity:1;transform:none}


/* === Why Omega (scoped) === */
:root{ --brand:#01b6e9 }

.why-omega{background:linear-gradient(180deg,#f8fbff 0,#fff 40%); padding:56px 0}
.why-omega .why-wrap{width:min(1200px,94%); margin:0 auto}

.why-omega .why-title{
  font:900 clamp(26px,4.5vw,48px)/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  margin:0 0 22px; letter-spacing:.01em; color:#0f172a;
}

.why-omega .why-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: clamp(14px,2.2vw,24px);
}
@media (max-width:1024px){ .why-omega .why-grid{ grid-template-columns: repeat(2,1fr) } }
@media (max-width:560px){  .why-omega .why-grid{ grid-template-columns: 1fr } }

.why-omega .why-card{
  position:relative;
  background:#fff;
  border:1px solid #e9eef6;
  border-radius:18px;
  padding:22px 22px 24px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  transform-style:preserve-3d;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  will-change:transform;
  overflow:hidden;
}

/* hafif parıltı şeridi */
.why-omega .why-card::after{
  content:"";
  position:absolute; inset:-1px;
  background: conic-gradient(from 180deg at 50% 50%,
              transparent 0 20%, rgba(1,182,233,.08) 20% 40%,
              transparent 40% 100%);
  filter: blur(8px);
  opacity:0; transition:opacity .25s ease;
  pointer-events:none;
}

.why-omega .why-card h3{
  margin:0 0 6px; color:#0f172a; font-weight:800; font-size: clamp(18px,2.1vw,22px)
}
/* alt çizgi */
.why-omega .why-card .u{
  display:block; width:36px; height:4px; border-radius:4px;
  background:var(--brand); margin:6px 0 12px;
  transform-origin:left; transition:transform .25s ease, opacity .25s ease;
}

/* metin */
.why-omega .why-card p{
  margin:0; color:#475569; line-height:1.75; font-size:clamp(14px,1.25vw,17px)
}

/* Hover / Focus */
.why-omega .why-card:hover,
.why-omega .why-card:focus-within{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(15,23,42,.12);
  border-color:rgba(1,182,233,.28);
}
.why-omega .why-card:hover .u,
.why-omega .why-card:focus-within .u{
  transform:scaleX(1.6);
}
.why-omega .why-card:hover::after{ opacity:1 }

/* 1) Varsayılan: her şey görünür (JS yoksa hiçbir şey kaybolmaz) */
.reveal { opacity:1; transform:none }

/* 2) JS bağlandığında kısa süre gizli tutacağımız durum */
.js .reveal.will { opacity:0; transform: translateY(18px) }

/* 3) Görünür hâl + animasyon */
.reveal.in {
  opacity:1;
  transform: translateY(0);
  transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease;
}

/* (tercihen) hareket azalt tercihi olanlarda animasyonları kapatabilirsiniz */
@media (prefers-reduced-motion:reduce){
  .reveal.in { transition:none }
}


/* Reduce motion için güvenli hâl */
@media (prefers-reduced-motion:reduce){
  .why-omega .why-card,
  .why-omega .reveal{ transition:none !important; transform:none !important }
}


/* Scoped */
.omega-sustain-banner{
  --brand:#01b6e9;
  --ink:#0f172a;
  --muted:#475569;
  --line:#e8eef5;
  --card:#ffffff;
  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  /* daha geniş üst/alt boşluk */
  padding:clamp(36px,6vw,80px) 0;
}

.omega-sustain-banner .osb-wrap{
  /* kapsayıcıyı büyüttük */
  width:min(1280px,96%);
  margin:0 auto;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 34px 80px rgba(2,8,23,.08);
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:clamp(18px,3.4vw,36px);
  overflow:hidden;

  /* YÜKSEKLİK: banner hissi için kart yüksekliği artsın */
  min-height:clamp(280px,36vw,480px);
}

@media (max-width: 900px){
  .omega-sustain-banner .osb-wrap{
    grid-template-columns:1fr;
    min-height:auto;              /* mobilde doğal yükseklik */
  }
}

/* content */
.omega-sustain-banner .osb-content{
  padding:clamp(18px,3.6vw,36px);
  display:flex; flex-direction:column; justify-content:center;
}
.omega-sustain-banner h2{
  margin:0 0 10px;
  /* daha büyük başlık */
  font-size:clamp(30px,5vw,52px);
  font-weight:900;
}
.omega-sustain-banner .osb-lead{
  margin:0 0 16px;
  line-height:1.8;
  color:var(--muted);
  /* metin boyutu büyüdü */
  font-size:clamp(16px,1.6vw,20px);
}
.omega-sustain-banner .osb-lead strong{ color:var(--ink) }

/* chips */
.omega-sustain-banner .osb-chips{
  list-style:none; margin:0 0 16px; padding:0;
  display:flex; flex-wrap:wrap; gap:10px;
}
.omega-sustain-banner .chip{
  border:1px solid var(--line);
  background:#f0fbff;
  color:#0b2533;
  padding:.55rem .9rem;       /* daha dolgun */
  border-radius:999px;
  font-size:1rem;
}

/* button */
.omega-sustain-banner .osb-btn{
  align-self:flex-start;
  background:var(--brand);
  color:#fff; text-decoration:none; font-weight:800;
  border-radius:14px;
  padding:.9rem 1.15rem;       /* daha büyük buton */
  font-size:1rem;
  border:1px solid var(--brand);
  transition:transform .15s ease, box-shadow .15s ease;
}
.omega-sustain-banner .osb-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(1,182,233,.35);
}

/* visual */
.omega-sustain-banner .osb-visual{ position:relative }
/* görsel alanını büyütmek için min-height ekledik */
.omega-sustain-banner .osb-visual{
  min-height:clamp(240px,34vw,480px);
}
.omega-sustain-banner .osb-visual img{
  width:100%; height:100%; object-fit:cover; display:block;
}
/* sağ görsele hafif marka filtresi */
.omega-sustain-banner .osb-visual::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(1,182,233,.15), rgba(1,182,233,0) 60%);
  pointer-events:none;
}
/* ===========================
   Bizimle İletişime Geçin – Haritalı CTA
   =========================== */
.omega-contact-map{
  --brand:#01b6e9;
  --ink:#0f172a;
  --muted:#475569;
  --line:#e8eef5;
  --card:#ffffff;

  background:linear-gradient(180deg,#f6fbff 0%,#ffffff 100%);
  color:var(--ink);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  padding:clamp(36px,6vw,80px) 0;
}

/* Kart / iki kolon düzen */
.omega-contact-map .ocm-wrap{
  width:min(1280px,96%);
  margin:0 auto;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 34px 80px rgba(2,8,23,.08);
  display:grid;
  grid-template-columns: 1.05fr .95fr;    /* sol metin, sağ harita */
  gap:clamp(18px,3.4vw,36px);
  overflow:hidden;
  min-height:clamp(320px,40vw,520px);
}
@media (max-width: 900px){
  .omega-contact-map .ocm-wrap{
    grid-template-columns:1fr;
    min-height:auto;
  }
}

/* Metin alanı */
.omega-contact-map .ocm-content{
  padding:clamp(18px,3.6vw,36px);
  display:flex; flex-direction:column; justify-content:center;
}
.omega-contact-map h2{
  margin:0 0 10px;
  font-weight:900;
  letter-spacing:.01em;
  font-size:clamp(30px,5.6vw,56px);
  line-height:1.06;
}
.omega-contact-map .ocm-lead{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.8;
  font-size:clamp(16px,1.6vw,20px);
}

/* Etiketler */
.omega-contact-map .ocm-pills{
  list-style:none; padding:0; margin:0 0 16px;
  display:flex; flex-wrap:wrap; gap:10px;
}
.omega-contact-map .pill{
  border:1px solid var(--line);
  background:#f0fbff;
  color:#0b2533;
  padding:.55rem .9rem;
  border-radius:999px;
  font-size:.95rem;
}

/* Butonlar */
.omega-contact-map .ocm-actions{ display:flex; gap:12px; flex-wrap:wrap }
.omega-contact-map .ocm-btn{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--brand); color:#fff; text-decoration:none!important;
  border:none; border-radius:999px;          /* ELİPS */
  padding:.95rem 1.6rem; font-weight:800; font-size:1.05rem; line-height:1;
  box-shadow:0 12px 28px rgba(1,182,233,.28);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.omega-contact-map .ocm-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(1,182,233,.35);
  filter:brightness(1.02);
}
.omega-contact-map .ocm-btn svg{ width:18px; height:18px; stroke:currentColor; }

/* Tel linki (ikinci aksiyon) */
.omega-contact-map .ocm-tel{
  align-self:center;
  color:var(--brand);
  font-weight:800;
  text-decoration:none;
  padding:.5rem 0;
}

/* Harita */
.omega-contact-map .ocm-map{ position:relative; min-height:280px }
.omega-contact-map .ocm-map iframe{
  width:100%; height:100%; min-height:clamp(260px,34vw,520px);
  border:0; display:block;
  background:
    radial-gradient(600px 240px at 0 0, rgba(1,182,233,.08), transparent 70%);
}

/* Haritada aç butonu */
.omega-contact-map .ocm-map-open{
  position:absolute; top:12px; right:12px;
  background:#ffffffd9; backdrop-filter:saturate(1.2) blur(2px);
  color:#0b2533; font-weight:800; text-decoration:none;
  border:1px solid var(--line); border-radius:999px;
  padding:.45rem .8rem; font-size:.9rem;
  transition:box-shadow .15s ease, transform .15s ease;
}
.omega-contact-map .ocm-map-open:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(2,8,23,.15);
}
/* Kutu grid'i tam esnetsin ve yüksekliği garanti altında olsun */
.omega-sustain-banner .osb-wrap{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: stretch;                 /* eş yükseklik */
  min-height: clamp(380px, 44vw, 560px);
}

/* Sağ kolon – görsel kutusu */
.omega-sustain-banner .osb-visual{
  position: relative;
  overflow: hidden;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* Görselin tüm alanı doldurması (picture varsa onu da kapsa) */
.omega-sustain-banner .osb-visual > img,
.omega-sustain-banner .osb-visual picture,
.omega-sustain-banner .osb-visual picture > img{
  position: absolute;
  inset: 0;
  width: 100% !important;               /* .img-fluid vb. ez */
  height: 100% !important;              /* .img-fluid vb. ez */
  object-fit: cover;
  display: block;
}

/* Bootstrap benzeri img-fluid kurallarını bastır (gerekli) */
.omega-sustain-banner .osb-visual img.img-fluid{
  max-width: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* Mevcut mavi ton overlay'iniz kalabilir */
.omega-sustain-banner .osb-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(1,182,233,.15), rgba(1,182,233,0) 60%);
  pointer-events:none;
}

/* Mobilde üst üste geldiğinde de alan bırakalım */
@media (max-width: 900px){
  .omega-sustain-banner .osb-visual{ min-height: 260px; }
}
/* REVEAL için gerekli ortak kurallar */
.omx-reveal { opacity:1; transform:none }
.js .omx-reveal.omx-will { opacity:0; transform:translateY(14px) }
.omx-reveal.omx-in{
  opacity:1; transform:translateY(0);
  transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease;
}
@media (prefers-reduced-motion:reduce){
  .omx-reveal.omx-in{ transition:none }
}

/* Sadece bizim iki bölümde (why-omega + omega-metrics) her şeyi görünür kıl */
.why-omega .reveal,
.why-omega [data-aos],
.why-omega .wow,
.why-omega .omx-reveal,
.omega-metrics .reveal,
.omega-metrics [data-aos],
.omega-metrics .wow,
.omega-metrics .omx-reveal{
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Bir tema .hidden / .is-hidden tarzı sınıflar veriyorsa, bu alan içinde etkisizleştir */
.why-omega .hidden,
.omega-metrics .hidden{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Eğer .omx-will gibi bir hazırlık sınıfı kalıyorsa yine görünür olsun */
.why-omega .omx-will,
.omega-metrics .omx-will{
  opacity: 1 !important;
  transform: none !important;
}