/* Lưới ảnh linh hoạt */
@media (min-width: 993px) {
    .album-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* Responsive cho Tablet và Phone */
@media (max-width: 992px) {
    .album-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    .album-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .album-item { height: 140px; } /* Giảm chiều cao trên phone */
}

/* Style cho thanh phân trang */
.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
}

.pagination-number, .pagination-button {
    padding: 8px 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.pagination-number:hover, .pagination-button:hover:not(.disabled) {
    background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.pagination-number.active {
    background-color: #28a745;
    color: white;
    border-color: #28a745;
}

.pagination-button.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}