/* 0017 · Tüm Kategoriler çekmecesi — Neon Gece / DYN dili (koyu cam, renkli çizgi simgeler) */
html #catDrawer .cat-drawer__backdrop{background:rgba(3,6,16,.62)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html #catDrawer .cat-drawer__panel{background:linear-gradient(165deg,rgba(22,24,40,.97),rgba(9,10,20,.98) 60%,rgba(6,7,14,.99))!important;color:#e8ecf6!important;border-inline-end:1px solid rgba(140,160,255,.16);box-shadow:12px 0 40px rgba(0,0,0,.55),inset -1px 0 0 rgba(255,255,255,.04)!important;width:min(360px,88vw)!important;max-height:100%;height:100%}
html #catDrawer .cat-drawer__head{border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(90deg,rgba(94,92,230,.18),rgba(10,132,255,.06) 70%,transparent)}
html #catDrawer #catDrawerTitle{color:#f4f6ff!important;font-size:16px;font-weight:800;letter-spacing:.02em}
html #catDrawer .cat-drawer__close{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#dfe5ff!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html #catDrawer .cat-drawer__close:hover,html #catDrawer .cat-drawer__close:focus-visible{background:rgba(255,59,48,.22)!important;color:#fff!important}
html #catDrawer .cat-drawer__body{padding:10px 10px calc(20px + env(safe-area-inset-bottom))!important;scrollbar-width:thin;scrollbar-color:rgba(140,160,255,.35) transparent}
html #catDrawer .cat-drawer__item{color:#e6e9f5!important;min-height:44px;padding:8px 10px;gap:12px;border-radius:12px;font-weight:600;font-size:14.5px;transition:background .15s,transform .15s}
html #catDrawer .cat-drawer__item:hover,html #catDrawer .cat-drawer__item:focus-visible{background:rgba(255,255,255,.06)!important;transform:translateX(2px);outline:none}
html[dir=rtl] #catDrawer .cat-drawer__item:hover{transform:translateX(-2px)}
html #catDrawer .cat-drawer__item--sub{font-size:13.5px;font-weight:500;color:#c3c9dc!important;padding-inline-start:18px}
html #catDrawer .cat-drawer__section{color:#8e98b8!important;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:14px 10px 6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
/* Simge kutusu: koyu karo + kategori renginde ışıklı çizgi */
html #catDrawer .cat-live-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#262338,#0a0912)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.45),0 0 14px color-mix(in srgb,var(--c,#8e98b8) 22%,transparent)}
html #catDrawer .cat-live-icon .nav-icon-svg{width:18px!important;height:18px!important;stroke:var(--c,#cfd6ee);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--c,#cfd6ee) 70%,transparent))}
html #catDrawer .cat-drawer__item--sub .cat-live-icon{width:28px;height:28px;flex-basis:28px;border-radius:8px}
html #catDrawer .cat-drawer__item--sub .cat-live-icon .nav-icon-svg{width:15px!important;height:15px!important}
html #catDrawer .cat-live-icon--img{background:#fff!important}
html #catDrawer .cat-live-icon--img img{width:24px;height:24px;object-fit:contain}
/* Açık tema seçilmişse yine okunur kalsın */
html[data-fzh="l"] #catDrawer .cat-drawer__panel{background:linear-gradient(165deg,rgba(250,251,255,.98),rgba(238,241,250,.98))!important;color:#0f172a!important;border-inline-end-color:rgba(15,23,42,.08)}
html[data-fzh="l"] #catDrawer #catDrawerTitle,html[data-fzh="l"] #catDrawer .cat-drawer__item{color:#0f172a!important}
html[data-fzh="l"] #catDrawer .cat-drawer__item:hover{background:rgba(15,23,42,.05)!important}
html[data-fzh="l"] #catDrawer .cat-drawer__close{color:#1e293b!important;background:rgba(15,23,42,.06)!important}
html[data-fzh="l"] #catDrawer .cat-drawer__section{color:#64748b!important;border-top-color:rgba(15,23,42,.08)}
html[data-fzh="l"] #catDrawer .cat-drawer__head{border-bottom-color:rgba(15,23,42,.08)!important}
@media (prefers-reduced-motion:reduce){html #catDrawer .cat-drawer__item,html #catDrawer .cat-drawer__panel{transition:none!important;transform:none}}
/* Izgara: telefonda tek sütun liste, tablette 2, masaüstünde 3 sütun; bölüm başlıkları tam satır */
@media (min-width:600px){html #catDrawer .cat-drawer__panel{width:min(560px,92vw)!important}html #catDrawer .cat-drawer__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;align-content:start}html #catDrawer .cat-drawer__section{grid-column:1/-1}}
@media (min-width:1100px){html #catDrawer .cat-drawer__panel{width:min(820px,70vw)!important}html #catDrawer .cat-drawer__body{grid-template-columns:repeat(3,minmax(0,1fr))}}
html #catDrawer .cat-drawer__item>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Açılışta kaydırma çubuğu kaybolunca sayfa yana kaymasın */
html:has(#catDrawer.is-open){scrollbar-gutter:stable}
html #catDrawer .cat-drawer__body{-webkit-overflow-scrolling:touch}