/* ==========================================================================
   Components — Shop Page
   ========================================================================== */

.shop-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

.shop-toolbar > * {
    flex: 1 1 16rem;
    margin-bottom: 0;
}

.category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-bottom: var(--space-xl);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
    margin-top: var(--space-xl);
}