/* Üst menü tuş temaları (Yönetim → Menü düzeni → Tuş teması). Gövde sınıfı: navt-{tema} navj-{hizalama} */
.nav-item.nav-dz{--np1:#7B2FF7;--np2:#E0124F;--npt:#fff}.nav-item.nav-uh{--np1:#db2777;--np2:#f97316;--npt:#fff}

/* Hizalama: başlıklar arası boşluk sabit ve dengeli (eski "iki yana yay" isteğe bağlı) */
.navj-center .nav-in:not(.nav-in2),.navj-start .nav-in:not(.nav-in2){gap:var(--nav-gap,4px)!important}
.navj-center .nav-in:not(.nav-in2){justify-content:center!important}
.navj-start .nav-in:not(.nav-in2){justify-content:flex-start!important}
.navj-center .nav-in2,.navj-start .nav-in2{gap:4px var(--nav-gap,6px)!important}
.nav-free-on .nav-item.nav-pin{margin-left:3px;margin-right:3px}
.nav-free-on .nav-item.nav-dz+.nav-pin{margin-left:3px}

/* Boy ve boşluk (Yönetim → Sitenin üst menüsü): yazı/tuş boyu, üst-alt boşluk — tuşlar beyaz alana değmez */
@media (min-width:981px){.main-nav .nav-in>.nav-item>a{zoom:var(--nav-z,1)}.main-nav .nav-in{padding-top:var(--nav-vpad,5px);padding-bottom:var(--nav-vpad,5px)}}
.nav-item.nav-link-x{flex:none}
@media (min-width:981px){.main-nav .nav-in>.nav-item.nav-sz-s>a{zoom:calc(var(--nav-z,1)*.85)}.main-nav .nav-in>.nav-item.nav-sz-l>a{zoom:calc(var(--nav-z,1)*1.18)}.main-nav .nav-in>.nav-item.nav-sz-xl>a{zoom:calc(var(--nav-z,1)*1.36)}} /* tek tek tuş boyu */

/* ortak: tüm renkli tuşlar */
:is(.navt-kompakt,.navt-yumusak,.navt-cam,.navt-cizgi,.navt-neon) :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){transition:background .2s,box-shadow .2s,color .2s,transform .15s}

/* Kompakt: küçük ve sık */
.navt-kompakt :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){padding:5px 11px!important;font-size:.8rem;box-shadow:0 2px 6px rgba(0,0,0,.18)!important;letter-spacing:0}
.navt-kompakt :is(.nav-item.nav-pill,.nav-item.nav-pin){margin:0 2px!important}
.navt-kompakt .nav-item:not(.nav-pill):not(.nav-pin)>a{padding-left:8px;padding-right:8px;font-size:.82rem}

/* Yumuşak: şeffaf renkli dolgu, ince renkli kenar */
.navt-yumusak :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:color-mix(in srgb,var(--np1) 22%,transparent)!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--np1) 65%,transparent);box-shadow:none!important;font-weight:700;padding:6px 13px!important}
.navt-yumusak :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){background:linear-gradient(135deg,var(--np1),var(--np2))!important;color:var(--npt)!important;transform:none}

/* Cam: buzlu cam + renkli nokta */
.navt-cam :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;font-weight:700;padding:6px 13px!important}
.navt-cam :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a)::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--np1),var(--np2));margin-right:7px;vertical-align:1px;box-shadow:0 0 8px var(--np1)}
.navt-cam :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){background:rgba(255,255,255,.18)!important;transform:translateY(-1px)}
.navt-cam .nav-pin-ico{display:none}

/* Çizgi: tuşsuz, renkli alt çizgi (en sade) */
.navt-cizgi :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:none!important;box-shadow:none!important;color:#fff!important;border-radius:0!important;padding:8px 8px 6px!important;border-bottom:3px solid var(--np1);font-weight:700}
.navt-cizgi :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){color:var(--np1)!important;border-bottom-color:var(--np2);transform:none}
.navt-cizgi :is(.nav-item.nav-pill,.nav-item.nav-pin){margin:0 1px!important}

/* Neon: koyu dolgu, parlayan renkli kenar */
.navt-neon :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:#0B1430!important;color:#fff!important;border:1.5px solid var(--np1);box-shadow:0 0 0 1px color-mix(in srgb,var(--np1) 25%,transparent),0 0 12px color-mix(in srgb,var(--np1) 45%,transparent)!important;font-weight:700;padding:6px 13px!important}
.navt-neon :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){box-shadow:0 0 0 1px var(--np1),0 0 20px var(--np1)!important;transform:translateY(-1px)}

/* —— Farklı konseptler —— */
:is(.navt-etiket,.navt-sticker,.navt-sekme,.navt-tus3d,.navt-retro) :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){transition:transform .15s,box-shadow .15s,filter .15s}

/* Etiket kartı: sol ucu sivri, delikli fiyat etiketi */
.navt-etiket :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){position:relative;border-radius:4px 10px 10px 4px!important;clip-path:polygon(13px 0,100% 0,100% 100%,13px 100%,0 50%);padding:7px 14px 7px 24px!important;background:linear-gradient(135deg,var(--np1),var(--np2))!important;color:var(--npt)!important;box-shadow:none!important;font-weight:800}
.navt-etiket :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a)::after{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#0F2259;box-shadow:inset 0 1px 1px rgba(0,0,0,.4)}
.navt-etiket :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){filter:brightness(1.1);transform:translateX(2px)}
.navt-etiket .nav-pin-ico{display:none}

/* Sticker: beyaz kenarlı, hafif eğik, yapışkan etiket */
.navt-sticker :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:linear-gradient(135deg,var(--np1),var(--np2))!important;color:var(--npt)!important;border:2.5px solid #fff;border-radius:12px!important;box-shadow:0 3px 0 rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.25)!important;transform:rotate(-2deg);padding:5px 12px!important;font-weight:800}
.navt-sticker .nav-item:nth-child(even) :is(a.nav-toptan,a.nav-dz-a,a.nav-uh-a),.navt-sticker .nav-item.nav-pill:nth-child(even)>a{transform:rotate(1.6deg)}
.navt-sticker :is(.nav-item.nav-pill,.nav-item.nav-pin)>a:is(:hover,.is-on){transform:rotate(0) scale(1.06)!important}

/* Sekme: menü çubuğuna yapışık klasör sekmesi */
.navt-sekme .main-nav .nav-in{padding-bottom:0!important}
.navt-sekme :is(.nav-item.nav-pill,.nav-item.nav-pin){align-self:flex-end!important;margin:0 1px!important}
.navt-sekme :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){border-radius:12px 12px 0 0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--np1) 80%,#fff 0%),var(--np2))!important;color:var(--npt)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.35)!important;padding:9px 15px 8px!important;font-weight:800}
.navt-sekme :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):not(:hover):not(.is-on){filter:saturate(.75) brightness(.92)}
.navt-sekme :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){padding-top:11px!important;transform:none}

/* 3D tuş: basılınca içeri giren klavye tuşu */
.navt-tus3d :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:linear-gradient(180deg,color-mix(in srgb,var(--np1) 85%,#fff),var(--np1) 55%,var(--np2))!important;color:var(--npt)!important;border-radius:10px!important;box-shadow:0 4px 0 color-mix(in srgb,var(--np2) 55%,#000),0 7px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.5)!important;padding:6px 14px!important;margin-bottom:4px;font-weight:800}
.navt-tus3d :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){transform:translateY(3px)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--np2) 55%,#000),0 2px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5)!important}

/* Retro: kalın koyu kenar, kaydırılmış beyaz gölge */
.navt-retro :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a){background:var(--np1)!important;color:#0B0B0B!important;border:2px solid #0B0B0B;border-radius:8px!important;box-shadow:3px 3px 0 #fff!important;padding:5px 12px!important;font-weight:800;letter-spacing:.01em}
.navt-retro :is(.nav-item.nav-pill>a,.nav-item.nav-pin>a.nav-toptan,.nav-item.nav-dz>a.nav-dz-a,.nav-item.nav-uh>a.nav-uh-a):is(:hover,.is-on){transform:translate(2px,2px);box-shadow:1px 1px 0 #fff!important}

/* Yönetim önizlemesi */
.nt-prev{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin:8px 0 14px}.nt-prev>span>b{display:block;font-size:.8rem;margin-bottom:4px}
.nt-bar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;background:#0F2259;padding:9px;border-radius:12px}.nt-bar .nav-item{--np1:#FDB10C;--np2:#FF7A1A;--npt:#2A1600}
.nt-bar .nav-item.nav-pin-teal{--np1:#3EE6C9;--np2:#13A99A;--npt:#04201C}.nt-bar .nav-item.nav-pin-pink{--np1:#FF4F86;--np2:#E0124F;--npt:#fff}
.nt-bar .nav-item>a{display:inline-block;color:#fff;font:700 12.5px/1.2 Inter,system-ui,sans-serif;padding:7px 12px;border-radius:999px;text-decoration:none;cursor:default}
.nt-bar .nav-item.nav-pill>a{background:linear-gradient(135deg,var(--np1),var(--np2));color:var(--npt);box-shadow:0 4px 12px rgba(0,0,0,.25)}