.product-category-navigation {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: min(100%, var(--product-nav-max-width, 800px));
    margin-top: var(--product-nav-margin-top, 8px);
    margin-right: var(--product-nav-margin-inline-end, auto);
    margin-bottom: var(--product-nav-margin-bottom, 16px);
    margin-left: var(--product-nav-margin-inline-start, 0);
    padding: var(--product-nav-padding-y, 6px) 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface-muted);
    font-size: 0.875rem;
}
.product-category-navigation__side--next { text-align: right; }
.product-category-navigation__category { text-align: center; font-weight: 600; }
.product-category-navigation--buttons .product-category-navigation__side a {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--surface);
    color: var(--text);
    text-decoration: none;
}
.product-category-navigation--buttons .product-category-navigation__side a:hover,
.product-category-navigation--buttons .product-category-navigation__side a:focus-visible {
    background: color-mix(in srgb, var(--accent) 8%, var(--surface));
    border-color: color-mix(in srgb, var(--accent) 28%, var(--border));
}
.product-category-navigation__side,
.product-category-navigation__category {
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (max-width: 640px) {
    .product-category-navigation { grid-template-columns: 1fr 1fr; }
    .product-category-navigation__category { grid-column: 1 / -1; grid-row: 1; }
}