/* ============================================================
   Orbimeet üst menü — Zoom tarzı mega menü
   Kendi içinde kapalı: her sınıf "om-" ile başlar, sayfaların
   kendi CSS'iyle çakışmaz. 3 sayfa da bu tek dosyayı kullanır.
   ============================================================ */

/* Değişkenler hem menüde hem mobil çekmecede geçerli olmalı
   (çekmece header'ın dışında duruyor). */
.om-bar, .om-cekmece {
  --om-ana:      #2540e8;
  --om-ana-koyu: #1a2fc4;
  --om-ana-sis:  #eef1fe;
  --om-murekkep: #0a1020;
  --om-soluk:    #58637a;
  --om-cizgi:    #e3e7ef;
  --om-kagit:    #fcfcfd;
  --om-yuzey:    #ffffff;
  --om-zemin:    rgba(252, 252, 253, .88);
  --om-yazi: "Jakarta", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --om-yay: cubic-bezier(.22, 1, .36, 1);
}

/* Koyu sayfalarda (uygulama teması) menü de koyu olur */
.om-bar.om-koyu, .om-cekmece.om-koyu {
  --om-ana:      #6d8cff;
  --om-ana-koyu: #5473ee;
  --om-ana-sis:  rgba(109, 140, 255, .14);
  --om-murekkep: #e8ebf0;
  --om-soluk:    #8b95a5;
  --om-cizgi:    #2a303b;
  --om-kagit:    #14181f;
  --om-yuzey:    #171b22;
  --om-zemin:    rgba(14, 17, 22, .9);
}
.om-bar.om-koyu { box-shadow: none; }
.om-bar.om-koyu.om-kaydi { box-shadow: 0 8px 28px rgba(0, 0, 0, .45); }
.om-bar.om-koyu .om-panel,
.om-bar.om-koyu .om-arama,
.om-bar.om-koyu .om-balon { box-shadow: 0 24px 48px rgba(0, 0, 0, .5); }
.om-bar.om-koyu .om-btn-dolu { color: #0e1116; }
.om-bar.om-koyu .om-btn-yumusak:hover { background: rgba(109, 140, 255, .22); }
.om-bar.om-koyu .om-logo-im { color: #0e1116; }
.om-bar.om-koyu .om-vitrin { background: linear-gradient(158deg, #1c2340, #2b3566); }
.om-bar.om-koyu .om-zeka b {
  background-image: linear-gradient(96deg, #6d8cff, #b39bff 55%, #6d8cff);
}
.om-bar.om-koyu .om-zeka .om-kivilcim { color: #b39bff; }

.om-bar {
  position: sticky; top: 0; z-index: 900;
  font-family: var(--om-yazi);
  background: var(--om-zemin);
  backdrop-filter: saturate(180%) blur(18px);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  border-bottom: 1px solid var(--om-cizgi);
  transition: box-shadow .28s var(--om-yay), background .28s ease;
}
.om-bar * { box-sizing: border-box; }

/* Sayfa kaydırılınca menü hafifçe yükselir */
.om-bar.om-kaydi { box-shadow: 0 8px 28px rgba(10, 16, 32, .09); }
.om-bar.om-kaydi .om-sar { height: 62px; }

.om-sar {
  max-width: 1440px; margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 40px);
  height: 72px; display: flex; align-items: center; gap: 8px;
  transition: height .28s var(--om-yay);
}

/* ---------- Logo ---------- */

.om-logo {
  display: flex; align-items: center; gap: 9px;
  font-size: 22px; font-weight: 800; letter-spacing: -.045em;
  color: var(--om-murekkep); text-decoration: none;
  margin-right: 12px; flex-shrink: 0;
}
.om-logo-im {
  width: 27px; height: 27px; border-radius: 8px; background: var(--om-ana);
  display: grid; place-items: center; flex-shrink: 0; color: #fff;
  transition: transform .35s var(--om-yay);
}
.om-logo-im svg { width: 15px; height: 15px; display: block; }
.om-logo:hover .om-logo-im { transform: rotate(-8deg) scale(1.08); }

/* ---------- Menü tetikleyicileri ---------- */

.om-menu { display: flex; align-items: center; gap: 2px; }

.om-tetik, .om-duz {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: inherit; font-size: 15.5px; font-weight: 500;
  letter-spacing: -.012em; color: var(--om-murekkep);
  background: none; border: 0; cursor: pointer; text-decoration: none;
  padding: 9px 11px; border-radius: 9px; white-space: nowrap;
  position: relative; transition: background .16s ease, color .16s ease;
}
.om-tetik:hover, .om-duz:hover { background: var(--om-ana-sis); color: var(--om-ana); }

/* Açık sekmenin altındaki ince çizgi */
.om-tetik::after {
  content: ""; position: absolute; left: 11px; right: 11px; bottom: 2px;
  height: 2px; border-radius: 2px; background: var(--om-ana);
  transform: scaleX(0); transform-origin: center;
  transition: transform .3s var(--om-yay);
}
.om-tetik[aria-expanded="true"] { background: var(--om-ana-sis); color: var(--om-ana); }
.om-tetik[aria-expanded="true"]::after { transform: scaleX(1); }

.om-ok { width: 11px; height: 11px; transition: transform .3s var(--om-yay); opacity: .65; }
.om-tetik[aria-expanded="true"] .om-ok { transform: rotate(180deg); opacity: 1; }

/* Yapay zeka sekmesi: kıvılcım + degrade yazı */
.om-zeka .om-kivilcim {
  width: 16px; height: 16px; flex-shrink: 0;
  color: #7c5cff; animation: om-parla 3.4s ease-in-out infinite;
}
@keyframes om-parla {
  0%, 100% { opacity: 1; transform: scale(1) rotate(0deg); }
  50%      { opacity: .72; transform: scale(1.16) rotate(14deg); }
}
.om-zeka b {
  font-weight: 500;
  background: linear-gradient(96deg, #2540e8, #7c5cff 55%, #2540e8);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  animation: om-akan 7s linear infinite;
}
@keyframes om-akan { to { background-position: 220% 0; } }

/* ---------- Sağ küme ---------- */

.om-sag { margin-left: auto; display: flex; align-items: center; gap: 6px; }

.om-ikon {
  width: 38px; height: 38px; border-radius: 10px; border: 0; background: none;
  display: grid; place-items: center; cursor: pointer; color: var(--om-murekkep);
  transition: background .16s ease, color .16s ease, transform .2s var(--om-yay);
}
.om-ikon:hover { background: var(--om-ana-sis); color: var(--om-ana); }
.om-ikon:active { transform: scale(.92); }
.om-ikon svg { width: 19px; height: 19px; display: block; }
.om-ikon[aria-expanded="true"] { background: var(--om-ana-sis); color: var(--om-ana); }

.om-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: -.012em;
  padding: 11px 20px; border-radius: 9px; border: 0; cursor: pointer;
  white-space: nowrap; text-decoration: none; position: relative; overflow: hidden;
  transition: background .18s ease, color .18s ease, transform .2s var(--om-yay),
              box-shadow .25s ease;
}
.om-btn:active { transform: scale(.97); }
.om-btn-yumusak { background: var(--om-ana-sis); color: var(--om-ana); }
.om-btn-yumusak:hover { background: #dfe5fd; }
.om-btn-dolu { background: var(--om-ana); color: #fff; }
.om-btn-dolu:hover { background: var(--om-ana-koyu); box-shadow: 0 8px 22px rgba(37, 64, 232, .32); }

/* Dolu butonun üstünden geçen ışık */
.om-btn-dolu::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,.42) 50%, transparent 62%);
  transform: translateX(-130%);
}
.om-btn-dolu:hover::before { animation: om-isik .85s ease; }
@keyframes om-isik { to { transform: translateX(130%); } }

.om-bag {
  font-size: 15.5px; font-weight: 500; color: var(--om-murekkep);
  text-decoration: none; padding: 9px 10px; border-radius: 9px; white-space: nowrap;
  transition: background .16s ease, color .16s ease;
}
.om-bag:hover { background: var(--om-ana-sis); color: var(--om-ana); }

.om-ayrac { width: 1px; height: 22px; background: var(--om-cizgi); margin: 0 6px; }

/* 9 nokta uygulama ızgarası */
.om-nokta { display: grid; grid-template-columns: repeat(3, 3.5px); gap: 3.5px; }
.om-nokta i {
  width: 3.5px; height: 3.5px; border-radius: 1px; background: currentColor;
  transition: transform .3s var(--om-yay);
}
.om-ikon:hover .om-nokta i:nth-child(odd)  { transform: scale(1.45); }
.om-ikon:hover .om-nokta i:nth-child(even) { transform: scale(.7); }

/* ---------- Mega panel ---------- */

/* Header'ın dışında duruyor — bkz. _ustbar.html'deki not */
.om-perde {
  position: fixed; inset: 0; top: var(--om-h, 72px); z-index: 890;
  background: rgba(10, 16, 32, .3);
  opacity: 0; pointer-events: none; transition: opacity .28s ease;
}
.om-perde.om-gorunur { opacity: 1; pointer-events: auto; }

.om-panel {
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--om-yuzey); border-bottom: 1px solid var(--om-cizgi);
  box-shadow: 0 24px 48px rgba(10, 16, 32, .13);
  opacity: 0; visibility: hidden; transform: translateY(-12px);
  transition: opacity .26s var(--om-yay), transform .3s var(--om-yay), visibility .26s;
  max-height: calc(100vh - 72px); overflow-y: auto;
}
.om-panel.om-gorunur { opacity: 1; visibility: visible; transform: translateY(0); }

.om-panel-ic {
  max-width: 1440px; margin: 0 auto;
  padding: 30px clamp(16px, 3vw, 40px) 34px;
  display: grid; gap: 26px 34px;
}
.om-panel-ic.om-k3 { grid-template-columns: repeat(3, 1fr); }
.om-panel-ic.om-k4 { grid-template-columns: repeat(4, 1fr); }
.om-panel-ic.om-k2y { grid-template-columns: 2fr 2fr 1.15fr; }

.om-blok-bas {
  font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--om-soluk); margin: 0 0 14px; padding-bottom: 10px;
  border-bottom: 1px solid var(--om-cizgi);
}

.om-sat {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 9px 11px; border-radius: 11px; text-decoration: none;
  color: var(--om-murekkep); transition: background .18s ease, transform .22s var(--om-yay);
}
.om-sat:hover { background: var(--om-ana-sis); transform: translateX(4px); }
.om-sat-im {
  width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0;
  background: var(--om-ana-sis); color: var(--om-ana);
  display: grid; place-items: center;
  transition: background .2s ease, color .2s ease, transform .3s var(--om-yay);
}
.om-sat:hover .om-sat-im { background: var(--om-ana); color: #fff; transform: rotate(-6deg) scale(1.06); }
.om-sat-im svg { width: 17px; height: 17px; display: block; }
.om-sat b { display: block; font-size: 14.5px; font-weight: 650; letter-spacing: -.014em; line-height: 1.35; }
.om-sat span { display: block; font-size: 12.8px; color: var(--om-soluk); line-height: 1.45; margin-top: 2px; }

/* Panelin sağındaki tanıtım kutusu */
.om-vitrin {
  background: linear-gradient(158deg, #0a1130, #1c2a68);
  border-radius: 16px; padding: 22px; color: #fff; align-self: start;
  position: relative; overflow: hidden;
}
.om-vitrin::before {
  content: ""; position: absolute; top: -60%; right: -30%;
  width: 260px; height: 260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(124, 92, 255, .5), transparent 68%);
  animation: om-yuz 9s ease-in-out infinite;
}
@keyframes om-yuz {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50%      { transform: translate(-18px, 18px) scale(1.14); }
}
.om-vitrin > * { position: relative; }
.om-vitrin-et {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #a9b6ff; margin-bottom: 9px;
}
.om-vitrin h4 { margin: 0 0 8px; font-size: 17px; font-weight: 750; letter-spacing: -.02em; line-height: 1.3; }
.om-vitrin p { margin: 0 0 16px; font-size: 13.5px; color: #b7c0dd; line-height: 1.55; }
.om-vitrin a {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 650; color: #fff; text-decoration: none;
}
.om-vitrin a svg { width: 14px; height: 14px; transition: transform .22s var(--om-yay); }
.om-vitrin a:hover svg { transform: translateX(4px); }

/* Panel altı şeridi */
.om-panel-alt {
  border-top: 1px solid var(--om-cizgi); background: var(--om-kagit);
}
.om-panel-alt-ic {
  max-width: 1440px; margin: 0 auto; padding: 14px clamp(16px, 3vw, 40px);
  display: flex; gap: 26px; flex-wrap: wrap; align-items: center;
  font-size: 14px; color: var(--om-soluk);
}
.om-panel-alt-ic a {
  color: var(--om-ana); font-weight: 600; text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px;
}
.om-panel-alt-ic a:hover { text-decoration: underline; }

/* Panel açılırken sütunlar sırayla belirir */
.om-panel.om-gorunur .om-panel-ic > * {
  animation: om-yukari .42s var(--om-yay) backwards;
}
.om-panel.om-gorunur .om-panel-ic > *:nth-child(1) { animation-delay: .03s; }
.om-panel.om-gorunur .om-panel-ic > *:nth-child(2) { animation-delay: .08s; }
.om-panel.om-gorunur .om-panel-ic > *:nth-child(3) { animation-delay: .13s; }
.om-panel.om-gorunur .om-panel-ic > *:nth-child(4) { animation-delay: .18s; }
@keyframes om-yukari { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Arama ---------- */

.om-arama {
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--om-yuzey); border-bottom: 1px solid var(--om-cizgi);
  box-shadow: 0 24px 48px rgba(10, 16, 32, .13);
  opacity: 0; visibility: hidden; transform: translateY(-12px);
  transition: opacity .26s var(--om-yay), transform .3s var(--om-yay), visibility .26s;
}
.om-arama.om-gorunur { opacity: 1; visibility: visible; transform: translateY(0); }
.om-arama-ic { max-width: 780px; margin: 0 auto; padding: 26px clamp(16px, 3vw, 40px) 30px; }
.om-arama-kutu {
  display: flex; align-items: center; gap: 12px;
  border: 2px solid var(--om-cizgi); border-radius: 13px; padding: 13px 17px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.om-arama-kutu:focus-within {
  border-color: var(--om-ana); box-shadow: 0 0 0 4px rgba(37, 64, 232, .12);
}
.om-arama-kutu svg { width: 19px; height: 19px; color: var(--om-soluk); flex-shrink: 0; }
.om-arama-kutu input {
  flex: 1; border: 0; outline: none; background: none;
  font-family: inherit; font-size: 17px; color: var(--om-murekkep); min-width: 0;
}
.om-arama-kutu input::placeholder { color: #9aa3b8; }
.om-tus {
  font-size: 11px; font-weight: 700; color: var(--om-soluk);
  border: 1px solid var(--om-cizgi); border-radius: 6px; padding: 3px 7px;
  background: var(--om-kagit); flex-shrink: 0;
}
.om-arama-bas {
  font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--om-soluk); margin: 22px 0 8px;
}
.om-sonuc { display: flex; flex-direction: column; gap: 2px; }
.om-sonuc a {
  display: flex; align-items: center; gap: 12px; padding: 11px 13px;
  border-radius: 10px; text-decoration: none; color: var(--om-murekkep);
  transition: background .15s ease;
}
.om-sonuc a:hover, .om-sonuc a.om-secili { background: var(--om-ana-sis); }
.om-sonuc a.om-secili { box-shadow: inset 3px 0 0 var(--om-ana); }
.om-sonuc-im {
  width: 30px; height: 30px; border-radius: 8px; flex-shrink: 0;
  background: var(--om-ana-sis); color: var(--om-ana); display: grid; place-items: center;
}
.om-sonuc-im svg { width: 15px; height: 15px; }
.om-sonuc b { font-size: 14.5px; font-weight: 650; letter-spacing: -.014em; display: block; }
.om-sonuc span { font-size: 12.8px; color: var(--om-soluk); display: block; }
.om-sonuc-bos { padding: 22px 4px; color: var(--om-soluk); font-size: 14.5px; }
.om-oneri { display: flex; gap: 8px; flex-wrap: wrap; }
.om-oneri button {
  font-family: inherit; font-size: 13.5px; font-weight: 550; color: var(--om-murekkep);
  background: var(--om-kagit); border: 1px solid var(--om-cizgi);
  border-radius: 100px; padding: 7px 15px; cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .2s var(--om-yay);
}
.om-oneri button:hover {
  background: var(--om-ana-sis); border-color: var(--om-ana);
  color: var(--om-ana); transform: translateY(-2px);
}

/* ---------- Uygulama ızgarası balonu ---------- */

.om-balon {
  position: absolute; top: calc(100% + 10px); right: clamp(16px, 3vw, 40px);
  width: 322px; background: var(--om-yuzey); border: 1px solid var(--om-cizgi);
  border-radius: 16px; box-shadow: 0 24px 52px rgba(10, 16, 32, .18);
  padding: 16px; opacity: 0; visibility: hidden;
  transform: translateY(-10px) scale(.97); transform-origin: top right;
  transition: opacity .22s var(--om-yay), transform .26s var(--om-yay), visibility .22s;
}
.om-balon.om-gorunur { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.om-balon-bas {
  font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--om-soluk); margin: 0 0 12px; padding: 0 4px;
}
.om-balon-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.om-uyg {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  padding: 13px 6px; border-radius: 11px; text-decoration: none;
  color: var(--om-murekkep); text-align: center;
  transition: background .16s ease, transform .22s var(--om-yay);
}
.om-uyg:hover { background: var(--om-ana-sis); transform: translateY(-3px); }
.om-uyg-im {
  width: 38px; height: 38px; border-radius: 11px;
  background: var(--om-ana-sis); color: var(--om-ana);
  display: grid; place-items: center;
  transition: background .2s ease, color .2s ease;
}
.om-uyg:hover .om-uyg-im { background: var(--om-ana); color: #fff; }
.om-uyg-im svg { width: 18px; height: 18px; display: block; }
.om-uyg span { font-size: 12.2px; font-weight: 550; letter-spacing: -.01em; line-height: 1.3; }
.om-balon.om-gorunur .om-uyg { animation: om-pat .34s var(--om-yay) backwards; }
.om-balon.om-gorunur .om-uyg:nth-child(1) { animation-delay: .02s }
.om-balon.om-gorunur .om-uyg:nth-child(2) { animation-delay: .05s }
.om-balon.om-gorunur .om-uyg:nth-child(3) { animation-delay: .08s }
.om-balon.om-gorunur .om-uyg:nth-child(4) { animation-delay: .11s }
.om-balon.om-gorunur .om-uyg:nth-child(5) { animation-delay: .14s }
.om-balon.om-gorunur .om-uyg:nth-child(6) { animation-delay: .17s }
.om-balon.om-gorunur .om-uyg:nth-child(7) { animation-delay: .20s }
.om-balon.om-gorunur .om-uyg:nth-child(8) { animation-delay: .23s }
.om-balon.om-gorunur .om-uyg:nth-child(9) { animation-delay: .26s }
@keyframes om-pat { from { opacity: 0; transform: scale(.86) translateY(6px); } }
.om-balon-ayrac { height: 1px; background: var(--om-cizgi); margin: 13px 4px; }
.om-balon-alt {
  display: flex; align-items: center; justify-content: space-between;
  padding: 4px 6px; font-size: 13px; color: var(--om-soluk);
}
.om-balon-alt a { color: var(--om-ana); font-weight: 600; text-decoration: none; }
.om-balon-alt a:hover { text-decoration: underline; }

/* ---------- Mobil ---------- */

.om-burger {
  display: none; width: 40px; height: 40px; border: 0; background: none;
  cursor: pointer; border-radius: 10px; padding: 0;
  align-items: center; justify-content: center; color: var(--om-murekkep);
}
.om-burger:hover { background: var(--om-ana-sis); }
.om-burger i {
  display: block; width: 20px; height: 2px; border-radius: 2px;
  background: currentColor; position: relative;
  transition: transform .3s var(--om-yay), background .2s ease;
}
.om-burger i::before, .om-burger i::after {
  content: ""; position: absolute; left: 0; width: 20px; height: 2px;
  border-radius: 2px; background: currentColor;
  transition: transform .3s var(--om-yay), top .2s ease;
}
.om-burger i::before { top: -6.5px; }
.om-burger i::after  { top: 6.5px; }
.om-burger[aria-expanded="true"] i { background: transparent; }
.om-burger[aria-expanded="true"] i::before { top: 0; transform: rotate(45deg); }
.om-burger[aria-expanded="true"] i::after  { top: 0; transform: rotate(-45deg); }

.om-cekmece {
  position: fixed; inset: 0; top: 0; z-index: 899;
  background: var(--om-yuzey); padding: 84px 22px 34px;
  overflow-y: auto; overscroll-behavior: contain;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .28s var(--om-yay), transform .3s var(--om-yay), visibility .28s;
}
.om-cekmece.om-gorunur { opacity: 1; visibility: visible; transform: none; }
.om-kat { border-bottom: 1px solid var(--om-cizgi); }
.om-kat-bas {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  font-family: inherit; font-size: 17px; font-weight: 600; letter-spacing: -.02em;
  color: var(--om-murekkep); background: none; border: 0; cursor: pointer;
  padding: 17px 2px; text-align: left; text-decoration: none;
}
.om-kat-bas .om-ok { width: 14px; height: 14px; }
.om-kat-bas[aria-expanded="true"] { color: var(--om-ana); }
.om-kat-bas[aria-expanded="true"] .om-ok { transform: rotate(180deg); }
.om-kat-govde {
  display: grid; grid-template-rows: 0fr;
  transition: grid-template-rows .32s var(--om-yay);
}
.om-kat-govde > div { overflow: hidden; }
.om-kat-bas[aria-expanded="true"] + .om-kat-govde { grid-template-rows: 1fr; }
.om-kat-govde a {
  display: block; padding: 11px 2px 11px 14px; font-size: 15.5px;
  color: var(--om-soluk); text-decoration: none;
  border-left: 2px solid var(--om-cizgi);
}
.om-kat-govde a:hover { color: var(--om-ana); border-left-color: var(--om-ana); }
.om-kat-govde > div > :last-child { margin-bottom: 14px; }
.om-cekmece-btn { display: grid; gap: 10px; margin-top: 26px; }
.om-cekmece-btn .om-btn { width: 100%; padding: 14px 20px; font-size: 16px; }

/* ---------- Kırılma noktaları ---------- */

/* Sığmadığı anda önce en uzun öge düşer, menü hiç taşmaz */
@media (max-width: 1400px) {
  .om-btn-yumusak { display: none; }
}
@media (max-width: 1180px) {
  .om-bag { display: none; }
}
@media (max-width: 1080px) {
  .om-menu, .om-sag .om-ayrac, .om-sag .om-ikon { display: none; }
  .om-sag { gap: 8px; }
  .om-burger { display: flex; }
  .om-btn-dolu { padding: 10px 16px; font-size: 14.5px; }
}
@media (max-width: 560px) {
  .om-sar { height: 64px; }
  .om-logo { font-size: 20px; margin-right: 0; }
  .om-btn-dolu { display: none; }
  .om-balon { right: 12px; left: 12px; width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .om-bar *, .om-bar *::before, .om-bar *::after,
  .om-cekmece *, .om-cekmece *::before {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* --- Dil seçici ---------------------------------------------------------
   <details> tabanlı: JS kapalıyken de açılıp kapanır. */
.om-dil { position: relative; }
.om-dil > summary {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 10px; border-radius: 10px; cursor: pointer;
  font-size: 14.5px; font-weight: 600; color: inherit;
  list-style: none; white-space: nowrap;
  transition: background .18s ease;
}
.om-dil > summary::-webkit-details-marker { display: none; }
.om-dil > summary:hover { background: rgba(127,140,170,.14); }
.om-dil > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.om-dil > summary svg { width: 18px; height: 18px; flex: none; }

.om-dil > ul {
  position: absolute; inset-inline-end: 0; top: calc(100% + 8px);
  min-width: 168px; margin: 0; padding: 6px; z-index: 60;
  list-style: none;
  background: var(--om-yuzey, #fff);
  border: 1px solid rgba(127,140,170,.22);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(15,20,40,.16);
}
.om-dil > ul a {
  display: block; padding: 9px 12px; border-radius: 9px;
  font-size: 14.5px; text-decoration: none; color: inherit;
}
.om-dil > ul a:hover { background: rgba(127,140,170,.14); }
.om-dil > ul a[aria-current="true"] { font-weight: 700; }
.om-dil > ul a[aria-current="true"]::after { content: " ✓"; opacity: .65; }

@media (max-width: 1080px) {
  .om-dil > summary span { display: none; }   /* dar ekranda sadece küre */
}

/* --- Arapça: sağdan sola ------------------------------------------------
   Yön-bağımlı kutu değerleri mantıksal özelliklere çevrilir; ikonlar ve
   "ileri" oku yatayda aynalanır. */
[dir="rtl"] .om-sar { direction: rtl; }
[dir="rtl"] .om-logo { margin-right: 0; margin-left: 28px; }
[dir="rtl"] .om-ok-bag svg,
[dir="rtl"] .om-bag svg,
[dir="rtl"] .om-btn svg { transform: scaleX(-1); }
[dir="rtl"] .om-cekmece { right: auto; left: 0; }
[dir="rtl"] .om-balon { right: auto; left: 12px; }

/* --- Alt bilgi künyesi (işleten tüzel kişilik) ---------------------------
   Üç alt bilgi üç ayrı renk şemasında (tanıtım koyu, içerik koyu, yasal
   açık). Bu yüzden sabit renk YOK: her şey currentColor'dan türetiliyor,
   künye içine konduğu alt bilginin rengini alıyor. */
.kunye {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(128, 128, 128, .28);          /* yedek */
  border-top-color: color-mix(in srgb, currentColor 22%, transparent);
  font-size: 13px;
  line-height: 1.75;
  text-align: start;                                        /* RTL'de sağa */
}
.kunye p { margin: 0; opacity: .82; }
.kunye-unvan {
  font-weight: 700;
  opacity: 1 !important;
  margin-bottom: 3px !important;
  letter-spacing: -0.005em;
}
.kunye strong { font-weight: 600; }
.kunye a { text-decoration: underline; text-underline-offset: 2px; }
.kunye a:hover { opacity: 1; }

/* icerik/yasal alt bilgilerinde .ftr-alt tanımlı değil — burada varsayılanı ver.
   tanitim.html kendi <style> bloğunda ezer (satır içi stil sonra geliyor). */
.kunye + .ftr-alt {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(128, 128, 128, .22);
  border-top-color: color-mix(in srgb, currentColor 16%, transparent);
  display: flex; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; font-size: 13.5px;
  text-align: start;
}