/* ===== filters panel (styled to match current theme) ===== */
.shop-page .sp-filters{
border-radius:18px;padding:10px;display:flex;flex-direction:column;max-height:760px;
background:linear-gradient(#0d1319,#0d1319) padding-box, linear-gradient(90deg,rgba(0,187,255,.8), rgba(205,56,150,.8)) border-box;
    border:1px solid transparent
}
@media (min-width:980px){
    .shop-page .sp-filters{
        position:sticky;
        top:12px}
}
.shop-page .sp-filters-head{
    text-align:center;font-weight:800;font-size:18px;margin-bottom:8px;font-family:'Tiny5',sans-serif
}
.shop-page .sp-fset{
    display:grid;
    gap:10px;
    padding:6px
}
.shop-page .sp-field{
    display:flex;
    flex-direction:column;
    gap:6px
}
.shop-page .sp-label{
    color:#9fb2c5;
    font-size:12px
}
.shop-page .sp-input,.shop-page .sp-select{
    height:40px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.18);
    background:#111924;
    color:#cfe1f4;
    padding:0 12px;
    outline:none;
    font-family:'Tilt Warp',sans-serif
}
.shop-page .sp-range{
    display:flex;
    align-items:center;
    gap:8px;
}
.shop-page .sp-range .sp-input{
    width:100%
    
}
.shop-page .sp-check{
    display:flex;
    align-items:center;
    gap:8px;
}
.shop-page .sp-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top:6px;
}
.shop-page .btn{
    padding:10px 12px;
    border-radius:10px;
    border:1px solid transparent;
    cursor:pointer;
    color:#fff;
    background:linear-gradient(#121a24,#0e1620) padding-box, linear-gradient(90deg, rgba(0,187,255,1), rgba(205,56,150,1)) border-box;
    font-family:'Tiny5',sans-serif;text-transform:uppercase
}
.shop-page .btn.ghost{
    background:linear-gradient(#121a24,#0e1620) padding-box,
                 linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,.25)) border-box;
}
.sp-toast{
  position:fixed;
  left:16px;
  bottom:16px;
  display:flex;
  flex-direction: column;
  gap:8px;
  z-index:9999
}
.sp-toast__item{
  transform:translateY(12px);opacity:0;transition:.25s ease;
  background:rgba(20,28,36,.92);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:10px 14px;color:#fff;font-size:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.35)
}
.sp-toast__item.in{
    transform:translateY(0);
    opacity:1
}
/* keep catalog grid heights flexible on mobile */
@media (max-width:980px){
    .shop-page .sp-grid{
        max-height:none
    }
}