/* Product filter disclosure. Loaded only on the public product listing page. */
.products-filter-disclosure {
    min-width: 0;
}

.products-filter-summary {
    display: none;
}

.products-filter-disclosure:not([open]) > .products-filter-content {
    display: block;
}

@media (max-width: 768px) {
    .products-page .products-filters {
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(26, 26, 46, 0.08);
        box-shadow: 0 8px 24px rgba(26, 26, 46, 0.06);
    }

    .products-filter-disclosure:not([open]) > .products-filter-content {
        display: none;
    }

    .products-filter-summary {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 64px;
        padding: 12px 14px;
        list-style: none;
        cursor: pointer;
        user-select: none;
        background: linear-gradient(135deg, #fff 0%, #f7f8fc 100%);
        transition: background-color 0.2s ease;
    }

    .products-filter-summary::-webkit-details-marker {
        display: none;
    }

    .products-filter-summary:active {
        background: #f0f2f8;
    }

    .products-filter-summary-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        color: var(--primary);
        background: rgba(229, 57, 53, 0.1);
    }

    .products-filter-summary-copy {
        display: grid;
        gap: 2px;
        min-width: 0;
        flex: 1;
    }

    .products-filter-summary-meta {
        overflow: hidden;
        color: var(--text-muted);
        font-size: 0.78rem;
        line-height: 1.35;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .products-filter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        background: var(--primary);
        color: #fff;
        font-size: 0.78rem;
        font-weight: 700;
    }

    .products-filter-chevron {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        color: var(--text-muted);
        transition: transform 0.2s ease;
    }

    .products-filter-disclosure[open] .products-filter-chevron {
        transform: rotate(180deg);
    }

    .products-filter-content {
        padding: 16px;
        border-top: 1px solid var(--border-color);
        background: #fff;
    }
}