.ps-cat-shell { border: 0; border-radius: 0; background: #fff; margin: 0 0 20px; padding: 12px; color: #343a40; }
.ps-cat-shell *, .ps-cat-shell *::before, .ps-cat-shell *::after { box-sizing: border-box; }
.ps-cat-shell summary { list-style: none; cursor: pointer; }
.ps-cat-shell summary::-webkit-details-marker { display: none; }
.ps-cat-shell summary::marker { content: ''; }
.ps-cat-shell .ps-cat-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 3px 0 14px; border: 0; background: transparent; color: #343a40; font-size: 16px; font-weight: 700; line-height: 1.3; }
.ps-cat-shell-arrow { font-size: 18px; }
.ps-cat-shell:not([open]) .ps-cat-shell-arrow { transform: rotate(-90deg); }
.ps-cat-search { margin-bottom: 9px; }
.ps-cat-search input[type="search"] { display: block; width: 100%; min-width: 0; height: 32px; margin: 0; padding: 5px 9px; border: 1px solid #9aafbf; border-radius: 4px; background: #fff; box-shadow: none; color: #343a40; font-family: inherit; font-size: 12px; line-height: 20px; }
.ps-cat-no-results { margin: 8px 0; font-size: 12px; }
.ps-cat-shell [hidden] { display: none !important; }
.ps-cat-shell .ps-cat-nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.ps-cat-shell .ps-cat-nav li { list-style: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
.ps-cat-shell .ps-cat-nav li::before, .ps-cat-shell .ps-cat-nav li::after { display: none !important; }
.ps-cat-shell .ps-cat-nav .ps-cat-branch { padding: 0; margin: 0; border: 0; background: transparent; }
.ps-cat-shell .ps-cat-nav summary { display: flex; align-items: flex-start; padding: 0; margin: 0; min-width: 0; }
.ps-cat-shell .ps-cat-nav a { display: block; flex: 1; min-width: 0; padding: 3px 0; color: #343a40; text-decoration: none !important; font-size: 12px; font-weight: 400; line-height: 1.35; overflow-wrap: anywhere; background: transparent; }
.ps-cat-shell .ps-cat-leaf > a { padding-left: 17px; }
.ps-cat-shell .ps-cat-nav a:hover { color: #126bb4; text-decoration: underline !important; }
.ps-cat-shell .ps-cat-nav .ps-cat-current { color: #126bb4; font-weight: 700; }
.ps-cat-shell .ps-cat-branch[open] > summary > a { font-weight: 600; }
.ps-cat-shell .ps-cat-arrow { display: inline-flex; flex: 0 0 12px; height: 12px; align-items: center; justify-content: center; margin: 5px 5px 0 0; border: 1px solid #a1a8ad; border-radius: 50%; color: #7b858c; font: 12px/1 Arial,sans-serif; }
.ps-cat-shell .ps-cat-arrow::before { content: '+'; }
.ps-cat-shell .ps-cat-branch[open] > summary > .ps-cat-arrow::before { content: '−'; }
.ps-cat-shell .ps-cat-nav .ps-cat-branch > ul { margin-left: 12px !important; }
.ps-cat-shell .ps-cat-count { margin-left: 4px; color: #718096; font-size: 11px; font-weight: 400; }
.ps-cat-shell summary:focus-visible, .ps-cat-shell a:focus-visible, .ps-cat-shell input:focus-visible { outline: 2px solid #126bb4; outline-offset: 1px; }
/* Integration is scoped to the known Shop WooCommerce / Best Shop catalog template. */
body.ps-categories-left #primary > .container > .page-grid {
    display: grid !important; grid-template-columns: var(--ps-category-width, 220px) minmax(0, 1fr);
    gap: 20px; align-items: start;
}
body.ps-categories-left #primary > .container > .page-grid > .site-main {
    grid-column: 2; grid-row: 1; width: 100% !important; max-width: 100%; min-width: 0;
    margin: 0 !important; float: none;
}
body.ps-categories-left #primary > .container > .page-grid > #secondary {
    grid-column: 1; grid-row: 1; width: 100% !important; max-width: 100%; min-width: 0;
    margin: 0 !important; float: none;
}
body.ps-categories-left #secondary .ps-categories-widget { margin: 0; padding: 0; background: transparent; border: 0; }
@media (max-width: 1024px) {
    body.ps-categories-left #primary > .container > .page-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    body.ps-categories-left #primary > .container > .page-grid > .site-main { grid-column: 1; grid-row: 2; }
    body.ps-categories-left #primary > .container > .page-grid > #secondary { grid-column: 1; grid-row: 1; }
    .ps-cat-shell { margin-bottom: 8px; }
}