.wc-pc-mobile-filter { display: inline-block; position: relative; }
.wc-pc-filter-btn { display:none; background:none; border:1px solid #ddd; padding:6px 14px; border-radius:6px; cursor:pointer; font-weight:600; align-items:center; gap:6px; }
@media (max-width:768px){
  .wc-pc-tabs, .wc-pc-nav { display: none !important; }
  .wc-pc-filter-btn { display:flex; }
  .wc-pc-filter-popup {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 10px;
    width: 220px;
    z-index: 9999;
  }
  .wc-pc-filter-popup.active { display: block; }
  .wc-pc-filter-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
  .wc-pc-filter-close { background:none; border:none; font-size:18px; cursor:pointer; }
  .wc-pc-tabs-mobile { display:flex; flex-direction:column; gap:8px; }
  .wc-pc-tabs-mobile .wc-pc-tab { padding:8px 10px; border-radius:8px; background:#f2f2f2; cursor:pointer; }
  .wc-pc-tabs-mobile .wc-pc-tab.active { background:#000; color:#fff; }
}