/* =====================================================
   OKI DUCKY — catalog.css
   ===================================================== */

.od-catalog .od-filters {
    position: sticky;
    top: 80px;
    background: var(--od-white);
    padding: 20px;
    border-radius: var(--od-radius-card);
    border: 1px solid var(--od-border-light);
}

.od-catalog .form-check-input:checked {
    background-color: var(--od-primary);
    border-color: var(--od-primary);
}

.od-catalog .pagination {
    gap: 6px;
    flex-wrap: wrap;
}

.od-catalog .pagination .page-item {
    margin: 0;
}

.od-catalog .pagination .page-item .page-link {
    border-radius: var(--od-radius-pill);
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--od-primary);
    background: var(--od-white);
    border: 1px solid var(--od-border);
    transition: all var(--od-transition);
}

.od-catalog .pagination .page-item .page-link:hover {
    background: var(--od-secondary);
    border-color: var(--od-primary);
    color: var(--od-primary);
    transform: translateY(-1px);
}

.od-catalog .pagination .page-item.active .page-link {
    background: var(--od-primary);
    border-color: var(--od-primary);
    color: var(--od-white);
    box-shadow: 0 2px 8px rgba(26, 26, 26, 0.15);
}

.od-catalog .pagination .page-item.active .page-link:hover {
    background: var(--od-primary);
    color: var(--od-white);
}

.od-catalog .pagination .page-item.disabled .page-link {
    color: var(--od-border);
    border-color: var(--od-border-light);
    background: var(--od-white);
    pointer-events: none;
}

.od-catalog .pagination .page-link:focus {
    box-shadow: none;
}