.drawer-overlay{

position:fixed;

inset:0;

background:rgba(0,0,0,.55);

backdrop-filter:blur(8px);

opacity:0;

visibility:hidden;

transition:.35s;

z-index:9998;

}

.drawer-overlay.show{

opacity:1;

visibility:visible;

}

.category-drawer{

position:fixed;

right:-520px;

top:0;

width:520px;

height:100vh;

background:#0f172a;

overflow:auto;

transition:.45s;

z-index:9999;

box-shadow:-20px 0 60px rgba(0,0,0,.45);

}

.category-drawer.show{

right:0;

}

.drawer-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:30px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.drawer-header h2{

font-size:34px;

color:var(--gold);

}

.drawer-header button{

width:45px;

height:45px;

border:none;

border-radius:50%;

background:#1f2937;

color:white;

cursor:pointer;

}

.drawer-content{

padding:30px;

display:flex;

flex-direction:column;

gap:18px;

}