/* Popular categories: accordion on mobile only. Desktop sidebar unchanged. */
.pc-toggle { display: none; }

@media (max-width: 900px) {
  .pc-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    color: inherit;
    background: var(--bg, #f7f7f7);
    border: 1px solid var(--line, #eee);
    border-radius: var(--radius, 12px);
    cursor: pointer;
  }
  .pc-toggle .pc-chev {
    flex: none;
    width: 9px;
    height: 9px;
    margin-top: -3px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    transition: transform .2s;
  }
  .category-sidebar.pc-open .pc-toggle {
    border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
    border-bottom-color: transparent;
  }
  .category-sidebar.pc-open .pc-toggle .pc-chev {
    transform: rotate(-135deg);
    margin-top: 3px;
  }
  .category-sidebar .sticky > ul { display: none; }
  .category-sidebar.pc-open .sticky > ul {
    display: block;
    border-top: 0;
    border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  }
  /* title is already on the toggle — do not repeat it inside the list */
  .category-sidebar li:has(> .cat-link.all) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-toggle .pc-chev { transition: none !important; }
}