/* 🧭 wwwdemo mega menüsü — `_prototip/v5.html`ten ÇIKARILDI (2026-09-29).
   Owner: "mega menü sadece ana sayfada var… bu işi bu oturumda yapalım, demo tarafta."
   🪤 Jetonlar `:root`a DEĞİL `.ust`e yazılır: ileride site.css'e aynı adlı bir jeton
      eklenirse bütün sayfayı etkilemesin (CSS değişkenleri kalıtımlıdır, menüye iner).
   🪤 `--mono`daki JetBrains ÇIKARILDI (owner istemedi) — sistem monospace yığını.
   🪤 Bu dosya ELLE düzenlenmez: tools tarafındaki çıkarıcı yeniden üretir. */
.ust{--ak:#FFFFFF;--ak-2:#F8FAFC;--amber:#A8CEFF;--b-1:8px;--b-2:16px;--b-3:24px;--b-4:32px;--b-5:48px;--b-6:64px;--b-7:96px;--b-8:128px;--cizgi:#E3E8EF;--en:1200px;--f:"Plus Jakarta Sans",-apple-system,sans-serif;--golge:0 1px 2px rgba(11,18,32,.04), 0 12px 32px -8px rgba(11,18,32,.10);--golge-lg:0 2px 6px rgba(11,18,32,.05), 0 32px 64px -16px rgba(11,18,32,.16);--kagit:#FFFFFF;--kum:#F5F8FC;--metin:660px;--murekkep:#0B1220;--murekkep-2:#3E4A5E;--murekkep-3:#64748B;--nane:#EFF5FF;--nane-2:#D6E4FF;--r-hap:999px;--r-kart:16px;--r-slab:44px;--yesil:#0D66E9;--yesil-acik:#22C55E;--yesil-koyu:#0A52BC;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dg{display:inline-flex;align-items:center;gap:9px;font-family:var(--f);
  font-weight:700;font-size:.97rem;padding:14px 26px;border-radius:var(--r-hap);
  border:1.5px solid transparent;cursor:pointer;transition:.18s;letter-spacing:-.01em;}
.dg-ana{background:var(--yesil);color:#fff;box-shadow:0 6px 18px -6px rgba(11,107,91,.5)}
.dg-ana:hover{background:var(--yesil-koyu);transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(11,107,91,.55)}
.dg-hayalet{background:#fff;border-color:var(--cizgi);color:var(--murekkep)}
.dg-hayalet:hover{border-color:var(--murekkep-3)}
.dg-ok{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);
  display:grid;place-items:center;font-size:.78rem}
.ust-ic{position:relative}
.menu{position:static;display:inline-flex;align-items:center}
.menu > a::after{content:"";width:5px;height:5px;margin-left:7px;border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.5}
.mega{position:absolute;left:0;right:0;top:calc(100% + 14px);z-index:60;
  background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:10px;
  box-shadow:0 30px 70px -24px rgba(11,18,32,.26);
  display:grid;grid-template-columns:1.05fr 1.5fr .95fr;gap:10px;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:.16s ease;}
.mega::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
.menu:hover .mega,.menu:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-blok{background:var(--ak-2);border-radius:14px;padding:20px 20px 18px}
.mega-et{font-family:var(--mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--murekkep-3);margin-bottom:14px}
.yuzey{display:block;padding:13px 14px;border-radius:11px;text-decoration:none;color:inherit;transition:.14s}
.yuzey:hover{background:#fff;box-shadow:0 2px 10px -4px rgba(11,18,32,.16)}
.yuzey b{display:block;font-size:.95rem;margin-bottom:3px}
.yuzey span{display:block;font-size:.82rem;color:var(--murekkep-3);line-height:1.5}
.mega-liste{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.mega-liste a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;
  text-decoration:none;color:var(--murekkep-2);font-size:.88rem;transition:.14s}
.mega-liste a:hover{background:#fff;color:var(--murekkep)}
.mega-liste i{width:6px;height:6px;border-radius:2px;background:var(--nane-2);flex:none}
.kanit{background:var(--murekkep);color:#fff;border-radius:14px;padding:22px 20px;
  display:flex;flex-direction:column;height:100%}
.kanit .mega-et{color:rgba(255,255,255,.5)}
.kanit b{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.kanit b em{font-style:normal;font-size:.42em;font-weight:700;margin-left:3px;opacity:.65}
.kanit p{font-size:.84rem;color:rgba(255,255,255,.72);margin-top:8px;line-height:1.55}
.kanit a{margin-top:auto;padding-top:14px;font-size:.84rem;font-weight:700;color:#8FC0FF;text-decoration:none}
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{max-width:var(--en);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:32px}
.marka{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.06rem;letter-spacing:-.03em}
.marka i{width:26px;height:26px;border-radius:8px;background:var(--yesil);display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:800}
.ust-bag{display:flex;gap:26px;font-size:.93rem;font-weight:600;color:var(--murekkep-2)}
.ust-bag a:hover{color:var(--yesil)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:14px}
@media(max-width:1000px){
.mega{display:none}
}
@media(max-width:940px){
.ust-bag{display:none}
}