/* =========================================================
   3D "T" MENÜ – SOL TARAF  (gerçek perspektif)
   Ölçüler "--u" birimiyle ölçeklenir. Her yüz 4 köşeli bir
   çokgendir (clip-path); satırların eğimi yukarıdan aşağıya
   azalır, en alttaki satır neredeyse düzdür (referans SVG gibi).
   ========================================================= */
:root {
    /* ekran yüksekliğine göre otomatik ölçek: 768px → ~0.43px, 1000px+ → 0.56px */
    --u: clamp(0.42px, 0.056vh, 0.56px);
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Arial, sans-serif;
    overflow-x: hidden;
    background-color: #031326;
}

.t3d {
    --wf-row: 419;           /* menü satırı ön yüz genişliği */
    --stage-h: 950;          /* T'nin toplam yüksekliği */
    position: fixed;
    top: calc(30 * var(--u));
    left: calc(30 * var(--u));
    z-index: 9999;
    pointer-events: none;    /* arkadaki slider tıklanabilir kalır */
}

.t3d-stage {
    position: relative;
    width: calc(1013 * var(--u));
    height: calc(var(--stage-h) * var(--u));
}

/* Her 3D blok, "birleşim noktasına" (J) bağlı: solda yan yüz, sağda ön yüz */
.t3d-bar,
.t3d-row {
    position: absolute;
    width: 0;
    height: 0;
    z-index: 2;
}
.t3d-bar { z-index: 1; }

/* ---------- ÜST KOL ---------- */
.t3d-bar { left: calc(697 * var(--u)); }

.t3d-bar--main {
    top: 0;
    --sw: 690; --ts: .374;  --hr: 122;  --hl: 87.5;                 /* yan yüz */
    --wf: 311; --tf: .3215; --hf: 122;  --hrf: 115; --fa: 17.2deg;  /* ön yüz  */
}
.t3d-bar--sub {
    top: calc(141 * var(--u));
    --sw: 690; --ts: .3096; --hr: 95.4; --hl: 65.6;
    --wf: 311; --tf: .298;  --hf: 95.4; --hrf: 79;  --fa: 15.2deg;
}

/* ---------- GÖVDE ---------- */
.t3d-stem { position: absolute; inset: 0; }

.t3d-row {
    left: calc(481 * var(--u));
    top: calc((307 + var(--i) * 101.6) * var(--u));
    --sw: 190; --hr: 94; --hl: 82;
    --wf: var(--wf-row); --hf: 94; --hrf: 85.5;
    display: block;
    text-decoration: none;
    pointer-events: auto;
    transition: transform .25s cubic-bezier(.16, 1, .3, 1);
}
.t3d-row:hover { transform: translateX(calc(-8 * var(--u))); }

/* ---------- ORTAK: CYAN YAN YÜZ (soldaki parlak yüzey) ---------- */
.t3d-side {
    position: absolute;
    top: 0;
    right: calc(3 * var(--u));
    width: calc(var(--sw) * var(--u));
    height: calc((var(--sw) * var(--ts) + var(--hl)) * var(--u));
    --yl: calc(var(--sw) * var(--ts) * var(--u));                  /* sol-üst köşe y */
    --yb: calc((var(--sw) * var(--ts) + var(--hl)) * var(--u));    /* sol-alt köşe y */
    --yr: calc(var(--hr) * var(--u));                              /* sağ-alt köşe y */
    pointer-events: none;
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, .75))
            drop-shadow(0 0 calc(14 * var(--u)) rgba(0, 200, 255, .45));
    transition: filter .25s ease;
}
.t3d-side::before,
.t3d-side::after {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(100% 0, 100% var(--yr), 0 var(--yb), 0 var(--yl));
}
.t3d-side::before { background: linear-gradient(90deg, #0a9fe9 0%, #25c3fd 45%, #78e8ff 100%); }
.t3d-side::after  { background: linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 45%, rgba(0,50,110,.28) 100%); }

/* ---------- ORTAK: CAM ÖN YÜZ ---------- */
.t3d-front {
    position: absolute;
    top: 0;
    left: calc(3 * var(--u));
    width: calc(var(--wf) * var(--u));
    --ytr: calc(var(--wf) * var(--tf) * var(--u));                 /* sağ-üst köşe y */
    --ybr: calc((var(--wf) * var(--tf) + var(--hrf)) * var(--u));  /* sağ-alt köşe y */
    --ybl: calc(var(--hf) * var(--u));                             /* sol-alt köşe y */
    --b: 1.3px;                                                    /* kenarlık kalınlığı */
    height: var(--ybr);
    pointer-events: auto;
}
/* dış katman = kenarlık rengi, iç katman = cam */
.t3d-front::before,
.t3d-front::after {
    content: "";
    position: absolute;
    inset: 0;
    transition: background .25s ease;
}
.t3d-front::before {
    background: rgba(135, 208, 255, .5);
    clip-path: polygon(0 0, 100% var(--ytr), 100% var(--ybr), 0 var(--ybl));
}
.t3d-front::after {
    background: linear-gradient(180deg, rgba(50, 88, 116, .84) 0%, rgba(13, 36, 60, .92) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    clip-path: polygon(
        var(--b) var(--b),
        calc(100% - var(--b)) calc(var(--ytr) + var(--b)),
        calc(100% - var(--b)) calc(var(--ybr) - var(--b)),
        var(--b) calc(var(--ybl) - var(--b)));
}

/* içerik katmanı: ön yüzün eğimini izler */
.t3d-fc {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: calc(var(--wf) * var(--u));
    height: calc(var(--hf) * var(--u));
    transform-origin: left top;
    transform: skewY(var(--fa));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #fff;
}

/* ---------- ÜST KOL İÇERİĞİ (arama + hamburger) ---------- */
.t3d-bar--main .t3d-fc { justify-content: flex-end; padding: 0 calc(34 * var(--u)); }

.t3d-btn {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max(20px, calc(50 * var(--u)));
    height: max(20px, calc(50 * var(--u)));
    color: #fff;
    cursor: pointer;
    transition: transform .2s ease, color .2s ease;
}
.t3d-btn:hover { transform: scale(1.12); color: #7ae7ff; }
.t3d-btn:focus-visible { outline: 2px solid #7ae7ff; outline-offset: 2px; }
.t3d-btn svg { width: 100%; height: 100%; }

.t3d-vline {
    flex: none;
    width: 1.5px;
    height: 52%;
    background: rgba(40, 190, 255, .9);
    margin: 0 calc(22 * var(--u));
}
.t3d-bar--main .t3d-vline { background: rgba(255, 255, 255, .45); height: 55%; }

/* ---------- MENÜ SATIRI İÇERİĞİ ---------- */
.t3d-row .t3d-fc { padding: 0 calc(26 * var(--u)) 0 calc(28 * var(--u)); }

.t3d-ico {
    flex: none;
    width: max(18px, calc(44 * var(--u)));
    height: max(18px, calc(44 * var(--u)));
}
.t3d-label {
    flex: 1;
    min-width: 0;
    font-size: max(12px, calc(32 * var(--u)));
    font-weight: 600;
    letter-spacing: .3px;
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}
.t3d-chev {
    flex: none;
    width: max(10px, calc(24 * var(--u)));
    height: max(10px, calc(24 * var(--u)));
    color: #22b8ff;
    transition: transform .2s ease, color .2s ease;
}

/* ---------- HOVER / AKTİF SAYFA ---------- */
.t3d-row:hover .t3d-front::before,
.t3d-row.is-active .t3d-front::before { background: #36c6ff; }
.t3d-row:hover .t3d-front::after,
.t3d-row.is-active .t3d-front::after {
    background: linear-gradient(90deg, rgba(0, 112, 225, .8) 0%, rgba(10, 42, 92, .9) 100%);
}
.t3d-row:hover .t3d-side,
.t3d-row.is-active .t3d-side {
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, .8))
            drop-shadow(0 0 calc(18 * var(--u)) rgba(0, 210, 255, .65))
            brightness(1.15);
}
.t3d-row:hover .t3d-chev { transform: translateX(3px); color: #fff; }
.t3d-row:focus-visible .t3d-front::before { background: #fff; }

/* ---------- ALT YÜZEYLER (T'yi tek blok gibi birleştirir) ---------- */
.t3d-under-l,
.t3d-under-r,
.t3d-base {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

/* kolun altındaki üçgen: sol-alt köşeden gövdeye, YATAY taban çizgisiyle biter */
.t3d-under-l {
    left: 0;
    top: calc(293 * var(--u));
    width: calc(481 * var(--u));
    height: calc(129 * var(--u));
    clip-path: polygon(0 calc(127 * var(--u)), 100% 0, 100% 100%, 0 100%);
    background: linear-gradient(165deg, rgba(16, 104, 180, .92) 0%, rgba(5, 32, 62, .96) 70%);
}

/* kolun sağ alt yüzü: kol ile gövde arasını doldurur */
.t3d-under-r {
    left: calc(481 * var(--u));
    top: calc(236 * var(--u));
    width: calc(530 * var(--u));
    height: calc(136 * var(--u));
    clip-path: polygon(
        calc(219 * var(--u)) 0,
        100% calc(76.7 * var(--u)),
        calc(338 * var(--u)) 100%,
        calc(3 * var(--u)) calc(71 * var(--u)),
        0 calc(71 * var(--u)),
        0 calc(57 * var(--u)));
    background:
        linear-gradient(200deg, rgba(0, 120, 220, .38) 0%, rgba(0, 120, 220, 0) 50%),
        linear-gradient(180deg, rgba(10, 36, 70, .96) 0%, rgba(3, 14, 32, .98) 100%);
}

/* gövdenin altındaki ince taban yüzeyi */
.t3d-base {
    left: calc(288 * var(--u));
    top: calc(909 * var(--u));
    width: calc(615 * var(--u));
    height: calc(18 * var(--u));
    clip-path: polygon(0 0, calc(193 * var(--u)) 0, 100% calc(16.6 * var(--u)), calc(302 * var(--u)) 100%);
    background: linear-gradient(180deg, rgba(25, 135, 220, .85) 0%, rgba(4, 30, 62, .35) 100%);
}

/* ---------- AÇ / KAPA ---------- */
.t3d:not(.is-open) { --stage-h: 430; }
.t3d:not(.is-open) .t3d-stem { display: none; }

@keyframes t3d-in {
    from { opacity: 0; transform: translateX(calc(-24 * var(--u))); }
}
.t3d.is-open .t3d-row { animation: t3d-in .45s cubic-bezier(.16, 1, .3, 1) backwards; animation-delay: calc(var(--i) * 45ms); }

/* ---------- MOBİL ---------- */
@media (max-width: 900px) {
    :root { --u: calc((100vw - 20px) / 1040); }     /* T tüm genişliğe sığar */
    .t3d { top: 10px; left: 10px; --wf-row: 520; }
    .t3d-vline { margin: 0 calc(18 * var(--u)); }
}

@media (prefers-reduced-motion: reduce) {
    .t3d-row, .t3d-btn, .t3d-front::before, .t3d-front::after, .t3d-side { transition: none; }
    .t3d.is-open .t3d-row { animation: none; }
}

/* ---------- T'NİN ZEMİNE BAĞLANMASI ---------- */

/* Fotoğrafa düşen gölge + T'den yayılan cyan ışıma */
.t3d-stage::before {
    content: "";
    position: absolute;
    left: calc(-80 * var(--u));
    top: calc(-40 * var(--u));
    width: calc(1250 * var(--u));
    height: calc(1150 * var(--u));
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 45% 40% at 62% 62%, rgba(0, 8, 20, .55), transparent 70%),
        radial-gradient(ellipse 40% 45% at 35% 40%, rgba(0, 190, 255, .20), transparent 70%);
    filter: blur(calc(26 * var(--u)));
}

/* Direk: tabanın altından sayfanın dibine inen ışık hattı */
.t3d-mast {
    position: absolute;
    left: calc(595 * var(--u));
    top: calc(925 * var(--u));
    width: 2px;
    height: 100vh;
    margin-left: -1px;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 217, 255, .95) 0%, rgba(0, 217, 255, .35) 45%, rgba(0, 217, 255, 0) 100%);
    filter: drop-shadow(0 0 6px rgba(0, 217, 255, .7));
}
/* bağlantı noktası (T ile direğin birleştiği parlak düğüm) */
.t3d-mast::before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px 3px rgba(0, 217, 255, .9);
}
/* mimari cetvel çentikleri */
.t3d-mast::after {
    content: "";
    position: absolute;
    left: -9px;
    top: 14px;
    width: 20px;
    height: 70%;
    background: repeating-linear-gradient(180deg, rgba(255, 255, 255, .45) 0 1px, transparent 1px 22px);
    -webkit-mask-image: linear-gradient(180deg, #000, transparent);
    mask-image: linear-gradient(180deg, #000, transparent);
}

@media (max-width: 900px) {
    .t3d-mast { display: none; }
}
/* =========================================================
   V2 – T'NİN ZEMİNE BAĞLANMASI + ÜST HEADER ŞERİDİ
   (Bu blok dosyanın sonunda olduğu için yukarıdakileri ezer)
   ========================================================= */
:root {
    --hdr: 64px;                    /* üst şerit yüksekliği */
    --ground: 110px;                /* zemin çizgisinin hero altından uzaklığı */
    --pole-x: calc(625 * var(--u)); /* direğin sayfadaki x konumu */
}

/* T artık ekrana yapışık değil, hero ile birlikte durur (zemine basar) */
.t3d {
    position: absolute;
    top: calc(var(--hdr) + 30 * var(--u));
    --my: 925;                      /* direk başlangıcı (açıkken: tabanın altı) */
}
.t3d:not(.is-open) { --my: 330; }   /* kapalıyken: kolun alt yüzünden başlar */

/* ---------- DİREK: T'den zemindeki platforma uzanan neon kolon ---------- */
.t3d-mast {
    top: calc(var(--my) * var(--u));
    height: calc(100vh - var(--ground) - var(--hdr) - (30 + var(--my)) * var(--u));
    transition: top .35s ease, height .35s ease;
}
/* ana sayfada: dolu, parlak, içinden enerji akan direk */
.t3d.has-ground .t3d-mast {
    width: 3px;
    margin-left: -1.5px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0), #fff 50%, rgba(255,255,255,0)) 0 -90px / 100% 90px no-repeat,
        linear-gradient(180deg, #00d9ff 0%, rgba(0, 217, 255, .78) 100%);
    filter: drop-shadow(0 0 5px #00d9ff) drop-shadow(0 0 16px rgba(0, 217, 255, .55));
    animation: t3d-flow 2.8s linear infinite;
}
@keyframes t3d-flow {
    from { background-position: 0 -90px, 0 0; }
    to   { background-position: 0 100%,  0 0; }
}
.t3d.has-ground .t3d-mast::after {
    -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
    mask-image: linear-gradient(180deg, #000 60%, transparent);
}

/* T'nin altında nefes alan cyan ışıma */
@keyframes t3d-breathe { 50% { opacity: .72; } }
.t3d-stage::before { animation: t3d-breathe 5s ease-in-out infinite; }

/* ---------- ÜST HEADER ŞERİDİ ---------- */
.topbar-spacer { height: var(--hdr); }

.topbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: var(--hdr);
    z-index: 10000;
    background: linear-gradient(180deg, rgba(3, 19, 38, .86) 0%, rgba(3, 19, 38, .6) 100%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(135, 208, 255, .16);
    transition: background .3s ease;
}
.topbar.is-scrolled { background: rgba(3, 19, 38, .94); }

/* neon alt çizgi */
.topbar::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, rgba(0,217,255,0) 0%, #00d9ff 14%, #36c6ff 60%, rgba(0,217,255,0) 100%);
    filter: drop-shadow(0 0 6px rgba(0, 217, 255, .9));
    pointer-events: none;
}

.topbar-in {
    position: relative;
    height: 100%;
    padding: 0 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
}

/* sayfa aşağı kayınca ortada beliren hızlı menü */
.topbar-nav {
    position: absolute;
    left: 50%;
    top: 0; bottom: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    transform: translate(-50%, -8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease;
}
.topbar.is-scrolled .topbar-nav { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.topbar-nav a {
    position: relative;
    padding: 8px 14px;
    color: #cfefff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}
.topbar-nav a::after {
    content: "";
    position: absolute;
    left: 14px; right: 14px; bottom: 2px;
    height: 2px;
    background: #00d9ff;
    box-shadow: 0 0 8px rgba(0, 217, 255, .9);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}
.topbar-nav a:hover,
.topbar-nav a.is-active { color: #fff; }
.topbar-nav a:hover::after,
.topbar-nav a.is-active::after { transform: scaleX(1); }

.topbar-cta {
    padding: 9px 22px 9px 18px;
    border: 1px solid rgba(135, 208, 255, .5);
    border-left: 5px solid #25c3fd;
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(50, 88, 116, .84) 0%, rgba(13, 36, 60, .92) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .25s ease, border-color .25s ease;
}
.topbar-cta:hover {
    background: linear-gradient(90deg, rgba(0, 112, 225, .8) 0%, rgba(10, 42, 92, .9) 100%);
    border-color: #36c6ff;
    border-left-color: #78e8ff;
}

.topbar-sep { width: 1.5px; height: 28px; background: rgba(40, 190, 255, .75); }

.topbar-logo { display: flex; align-items: center; height: 100%; }
.topbar-logo img {
    display: block;
    height: calc(var(--hdr) - 22px);
    width: auto;
    max-width: 220px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(0, 217, 255, .35));
}

@media (max-width: 1100px) { .topbar-nav { display: none; } }

@media (max-width: 900px) {
    :root { --hdr: 56px; }
    .t3d { top: calc(var(--hdr) + 10px); }
    .topbar-in { padding: 0 14px; gap: 14px; }
    .topbar-cta { padding: 7px 14px 7px 12px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .t3d.has-ground .t3d-mast, .t3d-stage::before { animation: none; }
}

/* =========================================================
   V3 – T DOĞRUDAN ZEMİNE OTURUR (direk/platform kaldırıldı)
   ========================================================= */
.t3d-mast { display: none !important; }

/* ana sayfada T'nin tabanı zemin çizgisine denk gelir; menü kapanınca kol zemine iner */
.t3d.has-ground {
    --sb: 925;                       /* açıkken: taban yüzeyinin en alt noktası */
    top: max(calc(var(--hdr) + 10px), calc(100vh - var(--ground) - var(--sb) * var(--u)));
    transition: top .4s cubic-bezier(.16, 1, .3, 1);
}
.t3d.has-ground:not(.is-open) { --sb: 422; }   /* kapalıyken: kolun alt yüzü */

@media (max-width: 900px) {
    .t3d.has-ground { top: calc(var(--hdr) + 10px); }
}

/* =========================================================
   V4 – YÜKSELTİLMİŞ T + DÜZ PANEL (KAİDE) + NEON DİREKLER
   Arama / hamburger düğmeleri en üst şeride taşındı.
   (Dosyanın sonunda olduğu için yukarıdakileri ezer)
   ========================================================= */

/* ---------- 1) ÜST ŞERİT: ARAMA + MENÜ ---------- */
.topbar-tools {
    margin-right: auto;
    display: flex;
    align-items: stretch;
    height: 40px;
    border: 1px solid rgba(135, 208, 255, .5);
    border-left: 5px solid #25c3fd;
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(50, 88, 116, .84) 0%, rgba(13, 36, 60, .92) 100%);
    box-shadow: 0 0 16px rgba(0, 217, 255, .28);
}
.tb-btn {
    all: unset;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 46px;
    height: 100%;
    color: #fff;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.tb-btn svg { width: 22px; height: 22px; }
.tb-btn:hover { color: #7ae7ff; background: rgba(0, 217, 255, .12); }
.tb-btn:focus-visible { outline: 2px solid #7ae7ff; outline-offset: -3px; }
/* menü açıkken hamburger neon yanar */
.tb-btn[aria-expanded="true"] {
    color: #7ae7ff;
    box-shadow: inset 0 -2px 0 #00d9ff, 0 6px 12px -6px rgba(0, 217, 255, .8);
}
.tb-sep { width: 1.5px; margin: 9px 0; background: rgba(40, 190, 255, .8); }

/* ---------- 2) T YÜKSELDİ: tabanı artık zemine değil, panelin üstüne oturur ---------- */
.t3d {
    --plate-y: 1047;   /* panelin üst kenarı (T'nin tabanından 120 birim aşağıda) */
    --sb: 1127;        /* panelin en alt noktası = zemin çizgisi */
}
.t3d.has-ground,
.t3d.has-ground:not(.is-open) {
    --sb: 1127;
    top: max(calc(var(--hdr) + 10px), calc(100vh - var(--ground) - var(--sb) * var(--u)));
}
/* menü kapanınca T inmez; kol yerinde kalır, neon direkler uzar */
.t3d.has-ground            { --leg-top: 915; }
.t3d.has-ground:not(.is-open) { --leg-top: 225; }

/* ---------- 3) DÜZ PANEL (KAİDE) ---------- */
.t3d-plate,
.t3d-legs { display: none; }
.t3d.has-ground .t3d-plate,
.t3d.has-ground .t3d-legs { display: block; }

.t3d-plate {
    position: absolute;
    left: calc(480 * var(--u));
    top: calc(var(--plate-y) * var(--u));
    width: 0;
    height: 0;
    z-index: 2;
    pointer-events: none;
    /* ufka yakın olduğu için neredeyse düz: eğim çok küçük */
    --sw: 300; --ts: .04;  --hr: 70; --hl: 64;                     /* yan yüz */
    --wf: 530; --tf: .035; --hf: 70; --hrf: 64; --fa: 1.7deg;      /* ön yüz  */
}
.t3d-plate .t3d-front {
    --b: 2px;
    pointer-events: none;
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, .65))
            drop-shadow(0 0 calc(16 * var(--u)) rgba(0, 210, 255, .7));
}
.t3d-plate .t3d-front::before { background: #36c6ff; }               /* neon kenarlık */
.t3d-plate .t3d-front::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 40%),
        linear-gradient(180deg, rgba(34, 78, 112, .92) 0%, rgba(8, 28, 52, .96) 100%);
}
.t3d-plate .t3d-side {
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, .8))
            drop-shadow(0 0 calc(18 * var(--u)) rgba(0, 210, 255, .6));
}

/* panelin üzerindeki yazı */
.t3d-plate .t3d-fc { padding: 0 calc(34 * var(--u)) 0 calc(36 * var(--u)); }
.t3d-plate-dot {
    flex: none;
    width: max(6px, calc(14 * var(--u)));
    height: max(6px, calc(14 * var(--u)));
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 217, 255, .95);
    animation: t3d-pulse 2.4s ease-in-out infinite;
}
.t3d-plate-text {
    flex: none;
    margin-left: calc(22 * var(--u));
    font-size: max(10px, calc(24 * var(--u)));
    font-weight: 700;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: #d6f6ff;
    text-shadow: 0 0 10px rgba(0, 217, 255, .85);
    white-space: nowrap;
}
.t3d-plate-line {
    flex: 1;
    height: 1.5px;
    margin-left: calc(26 * var(--u));
    background: linear-gradient(90deg, rgba(37, 195, 253, .9), rgba(37, 195, 253, 0));
}
@keyframes t3d-pulse { 50% { opacity: .45; } }

/* ---------- 4) NEON DİREKLER ---------- */
.t3d-legs {
    position: absolute;
    left: 0;
    top: calc(var(--leg-top) * var(--u));
    width: 0;
    height: 0;
    z-index: 0;
    pointer-events: none;
    transition: top .4s cubic-bezier(.16, 1, .3, 1);
}
.t3d-legs i {
    position: absolute;
    top: 0;
    width: max(2px, calc(6 * var(--u)));
    height: calc((var(--plate-y) + var(--end) - var(--leg-top)) * var(--u));
    margin-left: calc(-3 * var(--u));
    background:
        linear-gradient(180deg, rgba(255,255,255,0), #fff 50%, rgba(255,255,255,0)) 0 -90px / 100% 90px no-repeat,
        linear-gradient(180deg, #25c3fd 0%, #00d9ff 100%);
    filter: drop-shadow(0 0 5px #00d9ff) drop-shadow(0 0 16px rgba(0, 217, 255, .6));
    animation: t3d-flow 2.8s linear infinite;
    transition: height .4s cubic-bezier(.16, 1, .3, 1);
}
.t3d-legs i:nth-child(1) { left: calc(330 * var(--u)); --end: 6; }
.t3d-legs i:nth-child(2) { left: calc(595 * var(--u)); --end: 4;  animation-delay: -.9s; }
.t3d-legs i:nth-child(3) { left: calc(860 * var(--u)); --end: 13; animation-delay: -1.8s; }
/* direğin panele bastığı noktada parlayan halka */
.t3d-legs i::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(-5 * var(--u));
    width: calc(60 * var(--u));
    height: calc(14 * var(--u));
    min-width: 14px;
    min-height: 4px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(ellipse, #fff 0%, rgba(0, 217, 255, .85) 35%, rgba(0, 217, 255, 0) 70%);
}

/* ---------- 5) MOBİL ---------- */
@media (max-width: 900px) {
    .t3d.has-ground,
    .t3d.has-ground:not(.is-open) { top: calc(var(--hdr) + 10px); }
    .t3d.has-ground .t3d-plate,
    .t3d.has-ground .t3d-legs { display: none; }
    .topbar-tools { height: 36px; }
    .tb-btn { width: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .t3d-legs i, .t3d-plate-dot { animation: none; }
    .t3d-legs, .t3d-legs i { transition: none; }
}

/* =========================================================
   V5 – İNCE NEON ÇUBUKLAR KALDIRILDI → KATI PANELLİ TAŞIYICI GÖVDE
   Menü satırlarıyla aynı dil: sol cyan yan yüz + cam ön yüz.
   Gövde son satırın altından başlar, kaidenin arkasına iner.
   (header.php'de değişiklik gerekmez: 3 adet <i> yeniden kullanılıyor)
     i:1 = cyan yan yüz   i:2 = cam ön yüz   i:3 = birleşim neon şeridi
   ========================================================= */
.t3d.has-ground               { --leg-top: 909; }   /* son satırın alt kenarı */
.t3d.has-ground:not(.is-open) { --leg-top: 200; }   /* kapalıyken kolun arkasından başlar */

/* gövde, taban yüzeyinin ve kaidenin arkasında kalır */
.t3d-legs { z-index: -1; }
.t3d-legs i::after { content: none; }

.t3d-legs i:nth-child(1),
.t3d-legs i:nth-child(2),
.t3d-legs i:nth-child(3) { --end: 8; animation: none; }

/* --- 1) CYAN YAN YÜZ (satırların yan yüzüyle aynı renk, biraz daha koyu = geride) --- */
.t3d-legs i:nth-child(1) {
    left: calc(378 * var(--u));
    width: calc(100 * var(--u));
    margin-left: 0;
    filter: drop-shadow(0 0 calc(14 * var(--u)) rgba(0, 200, 255, .35));
    background:
        linear-gradient(180deg, rgba(0, 18, 46, .6) 0, rgba(0, 18, 46, 0) calc(80 * var(--u))),
        repeating-linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0 calc(68 * var(--u) - 2px),
            rgba(0, 40, 96, .65) calc(68 * var(--u) - 2px) calc(68 * var(--u))),
        linear-gradient(90deg, #0a86cf 0%, #1fb4f5 55%, #5fdcff 100%);
}

/* --- 2) CAM ÖN YÜZ (panel dikişli, alt kenar kaideye doğru hafif eğimli) --- */
.t3d-legs i:nth-child(2) {
    left: calc(484 * var(--u));
    width: calc(310 * var(--u));
    margin-left: 0;
    transform-origin: left top;
    transform: skewY(2.27deg);                      /* son satırın alt kenar eğimi */
    box-shadow:
        inset 0 0 0 1.3px rgba(135, 208, 255, .5),
        inset 0 0 calc(34 * var(--u)) rgba(0, 150, 255, .16);
    filter: drop-shadow(0 0 calc(16 * var(--u)) rgba(0, 200, 255, .3));
    background:
        /* kaideye basan yerde cyan ışık havuzu */
        radial-gradient(ellipse 60% calc(50 * var(--u)) at 50% calc(100% - 8 * var(--u)),
            rgba(0, 217, 255, .55), rgba(0, 217, 255, 0)),
        /* üstte tabanın düşürdüğü gölge */
        linear-gradient(180deg, rgba(0, 8, 22, .55) 0, rgba(0, 8, 22, 0) calc(90 * var(--u))),
        /* panel dikişleri */
        repeating-linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0 calc(68 * var(--u) - 1.5px),
            rgba(120, 232, 255, .32) calc(68 * var(--u) - 1.5px) calc(68 * var(--u))),
        /* cam yansıma */
        linear-gradient(105deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 38%),
        linear-gradient(180deg, rgba(50, 88, 116, .92) 0%, rgba(13, 36, 60, .97) 100%);
}

/* --- 3) BİRLEŞİM ŞERİDİ: iki yüzün kesiştiği köşede akan ince neon çizgi --- */
.t3d-legs i:nth-child(3) {
    left: calc(481 * var(--u));
    animation: t3d-flow 2.8s linear infinite;
    filter: drop-shadow(0 0 4px #00d9ff) drop-shadow(0 0 10px rgba(0, 217, 255, .5));
}

/* --- BOY ARTIŞI: gövde 5 panel olacak şekilde uzatıldı, kaide aşağı indi --- */
.t3d { --plate-y: 1250; }                       /* önceki: 1047 (+203 birim) */
.t3d.has-ground,
.t3d.has-ground:not(.is-open) { --sb: 1330; }   /* önceki: 1127 */