body.subcats-modal-open{ overflow:hidden; }

/* ---- το παγωμένο τζάμι ------------------------------------------ */
.aud-explorer.is-open .aud-subcats{
  position:fixed; inset:0; z-index:130;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(16px,4vw,48px);
  overflow:hidden;
  background:color-mix(in srgb, var(--ink) 38%, transparent);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
  animation:subcatFade .3s ease both;
  scroll-margin-top:0;
}
@keyframes subcatFade{ from{opacity:0} to{opacity:1} }

/* ---- το παράθυρο ------------------------------------------------ */
.aud-explorer.is-open .aud-subcats > .cardgrid{
  position:relative; margin:auto;
  width:min(1040px,100%);
  max-height:calc(100vh - clamp(32px,8vw,96px));
  max-height:calc(100dvh - clamp(32px,8vw,96px));
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:clamp(56px,6vw,64px) clamp(18px,3vw,32px) clamp(24px,3vw,32px);
  background:var(--surface);
  border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.38);
  animation:subcatPop .36s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes subcatPop{
  from{ opacity:0; transform:translateY(18px) scale(.985); }
  to{ opacity:1; transform:none; }
}

/* ---- το Χ ------------------------------------------------------- */
.subcat-close{
  position:absolute; top:14px; right:14px; z-index:2;
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);
  background:var(--surface-strong); color:var(--ink);
  font-family:var(--disp); font-size:24px; line-height:1; cursor:pointer;
  transition:background .2s ease, color .2s ease, transform .25s ease, border-color .2s ease;
}
.subcat-close:hover{
  background:var(--accent); color:#fff;
  border-color:transparent; transform:rotate(90deg);
}
.subcat-close:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }


body.subcats-modal-open .kmodal-scrim,
body.subcats-modal-open .equip-modal-scrim{ z-index:200; }

@media (prefers-reduced-motion:reduce){
  .aud-explorer.is-open .aud-subcats,
  .aud-explorer.is-open .aud-subcats > .cardgrid{ animation:none; }
  .subcat-close:hover{ transform:none; }
}